"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[486],{"./src/components/ui/Badge/Badge.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllSizes:()=>AllSizes,AllVariants:()=>AllVariants,Default:()=>Default,Discount:()=>Discount,DiscountBadgeCustom:()=>DiscountBadgeCustom,DiscountBadgeExample:()=>DiscountBadgeExample,Error:()=>Error,Featured:()=>Featured,FeaturedBadgeExample:()=>FeaturedBadgeExample,LargeSize:()=>LargeSize,New:()=>New,NewBadgeExample:()=>NewBadgeExample,OnProductImage:()=>OnProductImage,PillShape:()=>PillShape,Primary:()=>Primary,ProductBadges:()=>ProductBadges,Secondary:()=>Secondary,SmallSize:()=>SmallSize,Success:()=>Success,Warning:()=>Warning,WithDot:()=>WithDot,WithDots:()=>WithDots,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/ui/Badge/index.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"UI/Badge",component:_index__WEBPACK_IMPORTED_MODULE_1__.Ex,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"select",options:["default","primary","secondary","success","warning","error","discount","new","featured"]},size:{control:"select",options:["sm","md","lg"]},dot:{control:"boolean"},pill:{control:"boolean"}}},Default={args:{children:"Default"}},Primary={args:{variant:"primary",children:"Primary"}},Secondary={args:{variant:"secondary",children:"Secondary"}},Success={args:{variant:"success",children:"Success"}},Warning={args:{variant:"warning",children:"Warning"}},Error={args:{variant:"error",children:"Error"}},Discount={args:{variant:"discount",children:"25% OFF"}},New={args:{variant:"new",children:"New"}},Featured={args:{variant:"featured",children:"Featured"}},WithDot={args:{variant:"success",dot:!0,children:"Active"}},PillShape={args:{variant:"primary",pill:!0,children:"Pill Badge"}},SmallSize={args:{size:"sm",variant:"primary",children:"Small"}},LargeSize={args:{size:"lg",variant:"primary",children:"Large"}},DiscountBadgeExample={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.nd,{percentage:25})},DiscountBadgeCustom={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.nd,{children:"Save $50"})},NewBadgeExample={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Q7,{})},FeaturedBadgeExample={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ui,{})},AllVariants={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"default",children:"Default"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"primary",children:"Primary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"secondary",children:"Secondary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"success",children:"Success"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"warning",children:"Warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"error",children:"Error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"discount",children:"Discount"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"new",children:"New"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"featured",children:"Featured"})]})},AllSizes={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-center gap-3",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{size:"sm",variant:"primary",children:"Small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{size:"md",variant:"primary",children:"Medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{size:"lg",variant:"primary",children:"Large"})]})},WithDots={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"success",dot:!0,children:"Online"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"warning",dot:!0,children:"Away"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"error",dot:!0,children:"Offline"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"default",dot:!0,children:"Idle"})]})},ProductBadges={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.nd,{percentage:25}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.nd,{percentage:50}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Q7,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ui,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"warning",children:"Limited Stock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"success",children:"In Stock"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"error",children:"Sold Out"})]}),parameters:{docs:{description:{story:"Common badge patterns used in product cards"}}}},OnProductImage={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"relative bg-gray-100 w-64 h-64 rounded-lg p-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute top-2 left-2",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Q7,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute top-2 right-2",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.nd,{percentage:30})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute bottom-2 left-2",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.Ex,{variant:"success",children:"Available"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"flex items-center justify-center h-full text-gray-400",children:"Product Image"})]}),parameters:{docs:{description:{story:"Badges positioned on a product card image"}}}},__namedExportsOrder=["Default","Primary","Secondary","Success","Warning","Error","Discount","New","Featured","WithDot","PillShape","SmallSize","LargeSize","DiscountBadgeExample","DiscountBadgeCustom","NewBadgeExample","FeaturedBadgeExample","AllVariants","AllSizes","WithDots","ProductBadges","OnProductImage"]},"./src/components/ui/Badge/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ex:()=>Badge,Q7:()=>NewBadge,Ui:()=>FeaturedBadge,nd:()=>DiscountBadge});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),_lib_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/lib/core/index.ts");const Badge=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(({variant="default",size="md",dot=!1,pill=!1,className,children,...props},ref)=>{const shapeStyles=pill?"rounded-full":"rounded";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span",{ref,className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("\n      inline-flex items-center gap-1.5 font-medium\n      transition-colors duration-200\n    ",{default:"bg-gray-100 text-gray-800",primary:"bg-blue-100 text-blue-800",secondary:"bg-purple-100 text-purple-800",success:"bg-green-100 text-green-800",warning:"bg-yellow-100 text-yellow-800",error:"bg-red-100 text-red-800",discount:"bg-red-500 text-white",new:"bg-green-500 text-white",featured:"bg-purple-500 text-white"}[variant],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[size],shapeStyles,className),...props,children:[dot&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("w-2 h-2 rounded-full",{default:"bg-gray-600",primary:"bg-blue-600",secondary:"bg-purple-600",success:"bg-green-600",warning:"bg-yellow-600",error:"bg-red-600",discount:"bg-red-700",new:"bg-green-700",featured:"bg-purple-700"}[variant]),"aria-hidden":"true"}),children]})});Badge.displayName="Badge";const DiscountBadge=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(({percentage,children,...props},ref)=>{const content=children||(percentage?`${percentage}% OFF`:"Sale");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Badge,{ref,variant:"discount",...props,children:content})});DiscountBadge.displayName="DiscountBadge";const NewBadge=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Badge,{ref,variant:"new",...props,children:"New"}));NewBadge.displayName="NewBadge";const FeaturedBadge=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Badge,{ref,variant:"featured",...props,children:"Featured"}));FeaturedBadge.displayName="FeaturedBadge"}}]);