dgz-ui 1.4.8 → 1.4.9

package/dist/chunks/sheet-hwgCcvpv.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-hwgCcvpv.es.js","sources":["../../src/ui/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\n\n/**\n * Sheet - Drawer-style dialog built on Radix Dialog primitives.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Root>} props - Props for the component.\n */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/**\n * SheetTrigger - Element that opens the Sheet when interacted with.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Trigger>} props - Props for the component.\n */\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/**\n * SheetClose - Element that closes the Sheet.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Close>} props - Props for the component.\n */\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/**\n * SheetPortal - Renders sheet content in a React Portal.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Portal>} props - Props for the component.\n */\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/**\n * SheetOverlay - Full-screen overlay behind the Sheet content.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet overlay.\n */\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * SheetContent - The sliding panel content. Configurable side.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet content.\n * @param {React.ReactNode} [props.children] - The content to be rendered inside the sheet.\n * @param {'top' | 'right' | 'bottom' | 'left'} [props.side='right'] - The side of the screen where the sheet will appear.\n */\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  const { t } = useTranslation();\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">{t('Close')}</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/**\n * SheetHeader - Header area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet header.\n */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-1.5 p-4', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * SheetFooter - Footer area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet footer.\n */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * SheetTitle - Accessible title for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet title.\n */\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\n        'font-semibold text-neutral-950 dark:text-neutral-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * SheetDescription - Additional descriptive text for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet description.\n */\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\n        'text-sm text-neutral-500 dark:text-neutral-400',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["Sheet","props","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","SheetOverlay","className","jsx","SheetPrimitive.Overlay","cn","SheetContent","children","side","t","useTranslation","jsxs","SheetPrimitive.Content","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetPrimitive.Title","SheetDescription","SheetPrimitive.Description"],"mappings":";;;;;;AAaA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC7E,2BAAQC,GAAA,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC3D;AAOA,SAASE,EAAa;AAAA,EACpB,GAAGF;AACL,GAAwD;AACtD,2BAAQG,GAAA,EAAuB,aAAU,iBAAiB,GAAGH,GAAO;AACtE;AAOA,SAASI,EAAW;AAAA,EAClB,GAAGJ;AACL,GAAsD;AACpD,2BAAQK,GAAA,EAAqB,aAAU,eAAe,GAAGL,GAAO;AAClE;AAOA,SAASM,EAAY;AAAA,EACnB,GAAGN;AACL,GAAuD;AACrD,2BAAQO,GAAA,EAAsB,aAAU,gBAAgB,GAAGP,GAAO;AACpE;AAQA,SAASQ,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,GAAGT;AACL,GAAwD;AACtD,SACE,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAUA,SAASa,EAAa;AAAA,EACpB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGf;AACL,GAEG;AACD,QAAM,EAAE,GAAAgB,EAAA,IAAMC,EAAA;AACd,2BACGX,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAA,EAAa;AAAA,IACd,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWP;AAAA,UACT;AAAA,UACAG,MAAS,WACP;AAAA,UACFA,MAAS,UACP;AAAA,UACFA,MAAS,SACP;AAAA,UACFA,MAAS,YACP;AAAA,UACFN;AAAA,QAAA;AAAA,QAED,GAAGT;AAAA,QAEH,UAAA;AAAA,UAAAc;AAAA,UACD,gBAAAI,EAACb,GAAA,EAAqB,WAAU,iVAC9B,UAAA;AAAA,YAAA,gBAAAK,EAACU,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,8BACzB,QAAA,EAAK,WAAU,WAAW,UAAAJ,EAAE,OAAO,EAAA,CAAE;AAAA,UAAA,EAAA,CACxC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAQA,SAASK,EAAY,EAAE,WAAAZ,GAAW,GAAGT,KAAsC;AACzE,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,6BAA6BH,CAAS;AAAA,MACnD,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASsB,EAAY,EAAE,WAAAb,GAAW,GAAGT,KAAsC;AACzE,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,mCAAmCH,CAAS;AAAA,MACzD,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASuB,EAAW;AAAA,EAClB,WAAAd;AAAA,EACA,GAAGT;AACL,GAAsD;AACpD,SACE,gBAAAU;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASyB,EAAiB;AAAA,EACxB,WAAAhB;AAAA,EACA,GAAGT;AACL,GAA4D;AAC1D,SACE,gBAAAU;AAAA,IAACgB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWd;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;"}