"use strict";(self.webpackChunkelite_events_nextjs=self.webpackChunkelite_events_nextjs||[]).push([[1467],{"./src/components/ui/layout/Section.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BlueBackground:()=>BlueBackground,ContainerExtraLarge:()=>ContainerExtraLarge,ContainerLarge:()=>ContainerLarge,ContainerMedium:()=>ContainerMedium,ContainerSmall:()=>ContainerSmall,DarkBackground:()=>DarkBackground,Default:()=>Default,ExtraLargePadding:()=>ExtraLargePadding,FullWidthSection:()=>FullWidthSection,GrayBackground:()=>GrayBackground,LargePadding:()=>LargePadding,MultipleSections:()=>MultipleSections,PageHeaderBasic:()=>PageHeaderBasic,PageHeaderCentered:()=>PageHeaderCentered,PageHeaderWithChildren:()=>PageHeaderWithChildren,PageHeaderWithDescription:()=>PageHeaderWithDescription,SmallPadding:()=>SmallPadding,__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"),_Section__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/ui/layout/Section.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"UI/Layout/Section",component:_Section__WEBPACK_IMPORTED_MODULE_1__.wn,parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{padding:{control:"select",options:["none","sm","md","lg","xl"]},variant:{control:"select",options:["default","gray","dark","blue"]},fullWidth:{control:"boolean"}}},Default={args:{padding:"md"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Section Title"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This is a section with default styling and medium padding."})]})},SmallPadding={args:{padding:"sm"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Small Padding"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has small vertical padding (py-8)."})]})},LargePadding={args:{padding:"lg"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Large Padding"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has large vertical padding (py-16)."})]})},ExtraLargePadding={args:{padding:"xl"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Extra Large Padding"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has extra large vertical padding (py-24)."})]})},GrayBackground={args:{variant:"gray",padding:"lg"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Gray Section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has a light gray background."})]})},DarkBackground={args:{variant:"dark",padding:"lg"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Dark Section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has a dark background with white text."})]})},BlueBackground={args:{variant:"blue",padding:"lg"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Blue Section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"This section has a light blue background."})]})},FullWidthSection={args:{fullWidth:!0,padding:"lg",variant:"gray"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-blue-500 text-white p-8 text-center",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold",children:"Full Width Content"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"No container wrapper - content spans the full viewport width"})]})})},MultipleSections={render:()=>(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__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{variant:"default",padding:"lg",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Hero Section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Welcome to our site"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{variant:"gray",padding:"lg",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Features"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Check out our amazing features"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_1__.wn,{variant:"dark",padding:"lg",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"Call to Action"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Get started today"})]})]})},ContainerMeta={title:"UI/Layout/Container",component:_Section__WEBPACK_IMPORTED_MODULE_1__.mc,parameters:{layout:"fullscreen"},tags:["autodocs"]},ContainerSmall={...ContainerMeta,args:{size:"sm"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"bg-gray-100 p-8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.mc,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white p-6 rounded",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"font-bold mb-2",children:"Small Container (max-w-3xl)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Perfect for article content and narrow layouts"})]})})})},ContainerMedium={...ContainerMeta,args:{size:"md"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"bg-gray-100 p-8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.mc,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white p-6 rounded",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"font-bold mb-2",children:"Medium Container (max-w-5xl)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Good for standard content pages"})]})})})},ContainerLarge={...ContainerMeta,args:{size:"lg"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"bg-gray-100 p-8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.mc,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white p-6 rounded",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"font-bold mb-2",children:"Large Container (max-w-7xl)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"Default size, perfect for most pages"})]})})})},ContainerExtraLarge={...ContainerMeta,args:{size:"xl"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"bg-gray-100 p-8",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.mc,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"bg-white p-6 rounded",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{className:"font-bold mb-2",children:"Extra Large Container (max-w-[1400px])"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{children:"For wide layouts and dashboards"})]})})})},PageHeaderMeta={title:"UI/Layout/PageHeader",component:_Section__WEBPACK_IMPORTED_MODULE_1__.zY,parameters:{layout:"padded"},tags:["autodocs"]},PageHeaderBasic={...PageHeaderMeta,args:{title:"Page Title"}},PageHeaderWithDescription={...PageHeaderMeta,args:{title:"Welcome to Our Shop",description:"Browse our collection of premium inflatable bounce houses and party supplies"}},PageHeaderCentered={...PageHeaderMeta,args:{title:"Centered Header",description:"This header is centered for a more balanced layout",center:!0}},PageHeaderWithChildren={...PageHeaderMeta,args:{title:"Shop All Products",description:"Find the perfect product for your next event"},render:args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_1__.zY,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"mt-4 flex gap-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button",{className:"px-4 py-2 bg-blue-500 text-white rounded",children:"Shop Now"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button",{className:"px-4 py-2 border border-gray-300 rounded",children:"Learn More"})]})})},__namedExportsOrder=["Default","SmallPadding","LargePadding","ExtraLargePadding","GrayBackground","DarkBackground","BlueBackground","FullWidthSection","MultipleSections","ContainerSmall","ContainerMedium","ContainerLarge","ContainerExtraLarge","PageHeaderBasic","PageHeaderWithDescription","PageHeaderCentered","PageHeaderWithChildren"]},"./src/components/ui/layout/Section.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{mc:()=>Container,wn:()=>Section,zY:()=>PageHeader});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 paddingMap={none:"",sm:"py-8",md:"py-12",lg:"py-16",xl:"py-24"},variantMap={default:"bg-white",gray:"bg-gray-50",dark:"bg-dark text-white",blue:"bg-blue-50"},Section=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({padding="md",variant="default",fullWidth=!1,as:Component="section",className,children,...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Component,{ref,className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)(paddingMap[padding],variantMap[variant],className),...props,children:fullWidth?children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Container,{children})}));Section.displayName="Section";const sizeMap={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"},Container=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({size="lg",center=!0,padding=!0,className,children,...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref,className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("w-full",sizeMap[size],center&&"mx-auto",padding&&"px-4 sm:px-6 lg:px-8",className),...props,children}));Container.displayName="Container";const PageHeader=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({title,description,center=!1,className,children,...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("header",{ref,className:(0,_lib_core__WEBPACK_IMPORTED_MODULE_2__.cn)("mb-8",center&&"text-center",className),...props,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{className:"text-3xl md:text-4xl font-bold text-dark mb-2",children:title}),description&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"text-lg text-gray-600 max-w-2xl",children:description}),children]}));PageHeader.displayName="PageHeader"}}]);