"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[3446],{"./src/components/admin/forms/AdminForms.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CompleteForm:()=>CompleteForm,SelectDefault:()=>SelectDefault,SelectWithDisabledOptions:()=>SelectWithDisabledOptions,SelectWithError:()=>SelectWithError,SelectWithValue:()=>SelectWithValue,TextareaDefault:()=>TextareaDefault,TextareaWithCharCount:()=>TextareaWithCharCount,TextareaWithError:()=>TextareaWithError,TextareaWithValue:()=>TextareaWithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>AdminForms_stories});var jsx_runtime=__webpack_require__("./node_modules/next/dist/compiled/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/next/dist/compiled/react/index.js"),core=__webpack_require__("./src/lib/core/index.ts");const adminTokens_colors={sidebar:{bg:"bg-gray-900 dark:bg-gray-950",hover:"hover:bg-gray-800 dark:hover:bg-gray-900",active:"bg-gray-800 dark:bg-gray-900",text:"text-gray-300",textActive:"text-white",border:"border-gray-800 dark:border-gray-900"},header:{bg:"bg-white dark:bg-gray-900",border:"border-gray-200 dark:border-gray-800",text:"text-gray-900 dark:text-white"},card:{bg:"bg-white dark:bg-gray-900",border:"border-gray-200 dark:border-gray-800",shadow:"shadow-sm"},table:{header:"bg-gray-50 dark:bg-gray-800",headerText:"text-gray-700 dark:text-gray-300",row:"bg-white dark:bg-gray-900",rowHover:"hover:bg-gray-50 dark:hover:bg-gray-800",rowSelected:"bg-primary-50 dark:bg-primary-900/20",border:"border-gray-200 dark:border-gray-700"},form:{label:"text-gray-700 dark:text-gray-300",input:{bg:"bg-white dark:bg-gray-800",border:"border-gray-300 dark:border-gray-600",text:"text-gray-900 dark:text-white",placeholder:"placeholder-gray-400 dark:placeholder-gray-500",focus:"focus:ring-primary-500 focus:border-primary-500",error:"border-red-500 focus:ring-red-500 focus:border-red-500"},hint:"text-gray-500 dark:text-gray-400",error:"text-red-500 dark:text-red-400"},button:{primary:"bg-primary-600 hover:bg-primary-700 text-white",secondary:"bg-gray-100 hover:bg-gray-200 text-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-gray-300",danger:"bg-red-600 hover:bg-red-700 text-white",ghost:"hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300"},status:{success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",error:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",info:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"}},adminTokens_spacing={sidebar:"w-64",sidebarCollapsed:"w-16",content:"ml-64 p-6",contentCollapsed:"ml-16 p-6",card:"p-6",cardCompact:"p-4",section:"space-y-6",form:"space-y-4"},adminTokens_border={radius:{sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"},width:"border"},adminTokens_transition={default:"transition-colors duration-200",fast:"transition-colors duration-100",slow:"transition-colors duration-300"};function adminClass(...classes){return classes.filter(Boolean).join(" ")}adminClass(adminTokens_colors.card.bg,adminTokens_colors.card.border,adminTokens_border.width,adminTokens_border.radius.lg,adminTokens_colors.card.shadow,adminTokens_spacing.card),adminClass(adminTokens_colors.card.bg,adminTokens_colors.card.border,adminTokens_border.width,adminTokens_border.radius.lg,adminTokens_colors.card.shadow,adminTokens_spacing.cardCompact),adminClass("w-full px-3 py-2",adminTokens_colors.form.input.bg,adminTokens_colors.form.input.border,adminTokens_colors.form.input.text,adminTokens_colors.form.input.placeholder,adminTokens_border.width,adminTokens_border.radius.md,"focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900",adminTokens_colors.form.input.focus),adminClass("px-4 py-2",adminTokens_colors.button.primary,adminTokens_border.radius.md,adminTokens_transition.default,"disabled:opacity-50 disabled:cursor-not-allowed"),adminClass("px-4 py-2",adminTokens_colors.button.secondary,adminTokens_border.radius.md,adminTokens_transition.default),adminClass("px-4 py-2",adminTokens_colors.button.danger,adminTokens_border.radius.md,adminTokens_transition.default),adminClass("px-4 py-2",adminTokens_colors.button.ghost,adminTokens_border.radius.md,adminTokens_transition.default);const AdminSelect=(0,react.forwardRef)(({label,options,error,hint,hideLabel,placeholder,className,id,...props},ref)=>{const selectId=id||`select-${label.toLowerCase().replace(/\s+/g,"-")}`;return(0,jsx_runtime.jsxs)("div",{className:"space-y-1",children:[(0,jsx_runtime.jsxs)("label",{htmlFor:selectId,className:(0,core.cn)("block text-sm font-medium",adminTokens_colors.form.label,hideLabel&&"sr-only"),children:[label,props.required&&(0,jsx_runtime.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),(0,jsx_runtime.jsxs)("select",{ref,id:selectId,className:(0,core.cn)("w-full px-3 py-2 rounded-md border",adminTokens_colors.form.input.bg,adminTokens_colors.form.input.text,"focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900",error?adminTokens_colors.form.input.error:(0,core.cn)(adminTokens_colors.form.input.border,adminTokens_colors.form.input.focus),"disabled:opacity-50 disabled:cursor-not-allowed",className),"aria-invalid":error?"true":"false","aria-describedby":error?`${selectId}-error`:hint?`${selectId}-hint`:void 0,...props,children:[placeholder&&(0,jsx_runtime.jsx)("option",{value:"",disabled:!0,children:placeholder}),options.map(option=>(0,jsx_runtime.jsx)("option",{value:option.value,disabled:option.disabled,children:option.label},option.value))]}),error&&(0,jsx_runtime.jsx)("p",{id:`${selectId}-error`,className:(0,core.cn)("text-sm",adminTokens_colors.form.error),children:error}),hint&&!error&&(0,jsx_runtime.jsx)("p",{id:`${selectId}-hint`,className:(0,core.cn)("text-sm",adminTokens_colors.form.hint),children:hint})]})});AdminSelect.displayName="AdminSelect";const AdminTextarea=(0,react.forwardRef)(({label,error,hint,hideLabel,showCharCount,className,id,value,maxLength,...props},ref)=>{const textareaId=id||`textarea-${label.toLowerCase().replace(/\s+/g,"-")}`,charCount="string"==typeof value?value.length:0;return(0,jsx_runtime.jsxs)("div",{className:"space-y-1",children:[(0,jsx_runtime.jsxs)("div",{className:"flex items-center justify-between",children:[(0,jsx_runtime.jsxs)("label",{htmlFor:textareaId,className:(0,core.cn)("block text-sm font-medium",adminTokens_colors.form.label,hideLabel&&"sr-only"),children:[label,props.required&&(0,jsx_runtime.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),showCharCount&&maxLength&&(0,jsx_runtime.jsxs)("span",{className:(0,core.cn)("text-xs",charCount>.9*maxLength?charCount>=maxLength?"text-red-500":"text-yellow-500":"text-gray-400"),children:[charCount,"/",maxLength]})]}),(0,jsx_runtime.jsx)("textarea",{ref,id:textareaId,value,maxLength,className:(0,core.cn)("w-full px-3 py-2 rounded-md border min-h-[100px] resize-y",adminTokens_colors.form.input.bg,adminTokens_colors.form.input.text,adminTokens_colors.form.input.placeholder,"focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900",error?adminTokens_colors.form.input.error:(0,core.cn)(adminTokens_colors.form.input.border,adminTokens_colors.form.input.focus),"disabled:opacity-50 disabled:cursor-not-allowed",className),"aria-invalid":error?"true":"false","aria-describedby":error?`${textareaId}-error`:hint?`${textareaId}-hint`:void 0,...props}),error&&(0,jsx_runtime.jsx)("p",{id:`${textareaId}-error`,className:(0,core.cn)("text-sm",adminTokens_colors.form.error),children:error}),hint&&!error&&(0,jsx_runtime.jsx)("p",{id:`${textareaId}-hint`,className:(0,core.cn)("text-sm",adminTokens_colors.form.hint),children:hint})]})});AdminTextarea.displayName="AdminTextarea";var FormInput=__webpack_require__("./src/components/ui/FormInput/index.tsx");const AdminForms_stories={title:"Admin/Forms/AdminSelect",component:AdminSelect,parameters:{layout:"centered"},tags:["autodocs"],decorators:[Story=>(0,jsx_runtime.jsx)("div",{className:"w-80 p-4",children:(0,jsx_runtime.jsx)(Story,{})})]},SelectDefault={render:()=>(0,jsx_runtime.jsx)(AdminSelect,{label:"Category",options:[{value:"electronics",label:"Electronics"},{value:"clothing",label:"Clothing"},{value:"home",label:"Home & Garden"},{value:"sports",label:"Sports & Outdoors"}],placeholder:"Select a category"})},SelectWithValue={render:()=>(0,jsx_runtime.jsx)(AdminSelect,{label:"Status",options:[{value:"active",label:"Active"},{value:"draft",label:"Draft"},{value:"archived",label:"Archived"}],defaultValue:"active"})},SelectWithError={render:()=>(0,jsx_runtime.jsx)(AdminSelect,{label:"Assign To",options:[{value:"",label:"Select team member..."},{value:"user1",label:"John Doe"},{value:"user2",label:"Jane Smith"}],error:"Please select a team member",required:!0})},SelectWithDisabledOptions={render:()=>(0,jsx_runtime.jsx)(AdminSelect,{label:"Subscription Plan",options:[{value:"free",label:"Free"},{value:"pro",label:"Pro - $19/mo"},{value:"enterprise",label:"Enterprise - Contact Sales",disabled:!0}]})},TextareaDefault={render:()=>(0,jsx_runtime.jsx)(AdminTextarea,{label:"Description",placeholder:"Enter product description..."})},TextareaWithValue={render:()=>(0,jsx_runtime.jsx)(AdminTextarea,{label:"Description",value:"High-quality wireless headphones with active noise cancellation. Features 30-hour battery life and premium sound quality."})},TextareaWithCharCount={render:()=>(0,jsx_runtime.jsx)(AdminTextarea,{label:"Short Description",maxLength:200,showCharCount:!0,value:"This is a sample description that shows the character count feature.",hint:"Keep it brief for SEO"})},TextareaWithError={render:()=>(0,jsx_runtime.jsx)(AdminTextarea,{label:"Return Policy",required:!0,error:"Return policy is required"})},CompleteForm={render:()=>(0,jsx_runtime.jsxs)("div",{className:"space-y-4 w-96",children:[(0,jsx_runtime.jsx)("h2",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:"Create Product"}),(0,jsx_runtime.jsx)(FormInput.Z,{label:"Product Name",placeholder:"Enter product name",required:!0}),(0,jsx_runtime.jsx)(AdminSelect,{label:"Category",options:[{value:"electronics",label:"Electronics"},{value:"clothing",label:"Clothing"},{value:"home",label:"Home & Garden"}],placeholder:"Select category",required:!0}),(0,jsx_runtime.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,jsx_runtime.jsx)(FormInput.Z,{label:"Price",type:"number",placeholder:"0.00",required:!0}),(0,jsx_runtime.jsx)(FormInput.Z,{label:"Stock",type:"number",placeholder:"0"})]}),(0,jsx_runtime.jsx)(AdminTextarea,{label:"Description",placeholder:"Enter product description...",maxLength:500,showCharCount:!0}),(0,jsx_runtime.jsx)(AdminSelect,{label:"Status",options:[{value:"draft",label:"Draft"},{value:"active",label:"Active"}],defaultValue:"draft"}),(0,jsx_runtime.jsxs)("div",{className:"flex justify-end gap-3 pt-4",children:[(0,jsx_runtime.jsx)("button",{className:"px-4 py-2 text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700",children:"Cancel"}),(0,jsx_runtime.jsx)("button",{className:"px-4 py-2 text-white bg-primary-600 rounded-md hover:bg-primary-700",children:"Create Product"})]})]})},__namedExportsOrder=["SelectDefault","SelectWithValue","SelectWithError","SelectWithDisabledOptions","TextareaDefault","TextareaWithValue","TextareaWithCharCount","TextareaWithError","CompleteForm"]},"./src/components/ui/FormInput/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>FormInput});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"),_Input__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/ui/Input/index.tsx"),_lib_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/lib/core/index.ts");const FormInput=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({label,errorMessage,isLoading,isDisabled,isError,error,touched,helperText,size="md",leftIcon,rightIcon,wrapperClassName,className,id,required,disabled,...props},ref)=>{const resolvedErrorMessage=errorMessage??error??void 0,displayedError=isError??(!!touched&&!!resolvedErrorMessage)?resolvedErrorMessage:void 0,resolvedDisabled=isDisabled??disabled;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_3__.cn)("form-input-wrapper",wrapperClassName),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Input__WEBPACK_IMPORTED_MODULE_2__.p,{ref,id,label,error:displayedError,helperText,size,leftIcon,rightIcon,required,disabled:resolvedDisabled||isLoading,fullWidth:!0,className,...props})})});FormInput.displayName="FormInput"},"./src/components/ui/Input/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>Input});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"),_components_ui_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/ui/icons/index.ts");const Input=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((props,ref)=>{const{as="input",size="md",state="default",label,helperText,error,leftIcon,rightIcon,fullWidth,className,id,required,children,...restProps}=props,generatedId=react__WEBPACK_IMPORTED_MODULE_1__.useId(),inputId=id||generatedId,helperTextId=`${inputId}-helper`,errorId=`${inputId}-error`,actualState=error?"error":state,stateStyles={default:"\n        border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100\n        hover:border-gray-400 dark:hover:border-gray-500\n        focus:border-blue focus:ring-blue/20\n      ",success:"\n        border-green-500 text-gray-900 dark:text-gray-100\n        focus:border-green-500 focus:ring-green-500/20\n      ",error:"\n        border-red-500 text-gray-900 dark:text-gray-100\n        focus:border-red-500 focus:ring-red-500/20\n      ",warning:"\n        border-yellow-500 text-gray-900 dark:text-gray-100\n        focus:border-yellow-500 focus:ring-yellow-500/20\n      "},iconPadding={left:leftIcon?"pl-10":"",right:rightIcon?"pr-10":""},elementClassName=(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("\n      w-full rounded-lg border bg-white dark:bg-gray-800\n      transition-all duration-200\n      focus:outline-none focus:ring-2 focus:ring-offset-1 dark:focus:ring-offset-gray-900\n      disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-100 dark:disabled:bg-gray-700\n      placeholder:text-gray-400 dark:placeholder:text-gray-500\n    ",{sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-5 py-3 text-lg"}[size],stateStyles[actualState],"select"!==as&&iconPadding.left,"select"!==as&&iconPadding.right,"select"===as&&"appearance-none pr-10",className);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("relative",fullWidth&&"w-full"),children:[label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label",{htmlFor:inputId,className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:[label,required&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{"aria-hidden":"true",className:"text-red-500 ml-1",children:"*"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"sr-only",children:"(required)"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative",children:"select"===as?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select",{ref,id:inputId,className:elementClassName,"aria-describedby":error?errorId:helperText?helperTextId:void 0,"aria-invalid":"error"===actualState,"aria-required":required||void 0,required,...restProps,children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui_icons__WEBPACK_IMPORTED_MODULE_3__.In,{name:"chevron-down",size:16})})]}):"textarea"===as?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea",{ref,id:inputId,className:elementClassName,"aria-describedby":error?errorId:helperText?helperTextId:void 0,"aria-invalid":"error"===actualState,"aria-required":required||void 0,required,...restProps}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[leftIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",children:leftIcon}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input",{ref,id:inputId,className:elementClassName,"aria-describedby":error?errorId:helperText?helperTextId:void 0,"aria-invalid":"error"===actualState,"aria-required":required||void 0,required,...restProps}),rightIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",children:rightIcon})]})}),error&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{id:errorId,className:"mt-1 text-sm text-red-600",role:"alert",children:error}),!error&&helperText&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{id:helperTextId,className:"mt-1 text-sm text-gray-500 dark:text-gray-400",children:helperText})]})});Input.displayName="Input"}}]);