@raystack/apsara 0.35.0 → 0.37.0

package/dist/v1/components/dialog/dialog.cjs

@@ -4,8 +4,8 @@ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/rea
 var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var React = require('react');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
+var React = require('react');
 var dialog_module = require('./dialog.module.css.cjs');
 
 const dialogContent = index$1.cva(dialog_module.default.dialogContent);

package/dist/v1/components/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Cross1Icon","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAGC,gBAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAAA,CAACC,YAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,gCAAC,CAAAC,aAAuB,EACtB,EAAA,SAAS,EAAEC,SAAI,CAACN,qBAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFE,iCAAC,CAAAK,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIH,gCAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGH,gCAAA,CAACI,yBAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEJ,gCAAC,CAAAK,WAAqB,EAAA,EACpB,SAAS,EAAET,qBAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEI,gCAAC,CAAAM,WAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEN,iCAACO,iBAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}
+{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Cross1Icon","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAGC,gBAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAAA,CAACC,YAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,gCAAC,CAAAC,aAAuB,EACtB,EAAA,SAAS,EAAEC,SAAI,CAACN,qBAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFE,iCAAC,CAAAK,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIH,gCAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGH,gCAAA,CAACI,yBAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEJ,gCAAC,CAAAK,WAAqB,EAAA,EACpB,SAAS,EAAET,qBAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEI,gCAAC,CAAAM,WAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEN,iCAACO,iBAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}

package/dist/v1/components/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAwCD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAyB,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAU5D;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWnF;AAED,eAAO,MAAM,MAAM;;;;;;CAMjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAwCD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAyB,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAU5D;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWnF;AAED,eAAO,MAAM,MAAM;;;;;;CAMjB,CAAC"}

package/dist/v1/components/dialog/dialog.js

@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/no
 import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe, Root as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0, Description as $5d3850c4d0b4e6c7$export$393edc798c47379d } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { forwardRef } from 'react';
 import styles from './dialog.module.css.js';
 
 const dialogContent = cva(styles.dialogContent);

package/dist/v1/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,sBAAA,CAACC,yCAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,qBAAC,CAAAC,yCAAuB,EACtB,EAAA,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFH,sBAAC,CAAAI,yCAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIF,qBAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGE,yCAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGF,qBAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEA,qBAAC,CAAAG,yCAAqB,EAAA,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEH,qBAAC,CAAAI,yCAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEJ,sBAACK,yCAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAoB,EAAE;IACxD,OAAO,EAAEC,yCAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,sBAAA,CAACC,yCAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,qBAAC,CAAAC,yCAAuB,EACtB,EAAA,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFH,sBAAC,CAAAI,yCAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIF,qBAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGE,yCAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGF,qBAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEA,qBAAC,CAAAG,yCAAqB,EAAA,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEH,qBAAC,CAAAI,yCAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEJ,sBAACK,yCAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAoB,EAAE;IACxD,OAAO,EAAEC,yCAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;"}

package/dist/v1/components/filter-chip/filter-chip.cjs

@@ -4,16 +4,16 @@ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/rea
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var React = require('react');
 var box = require('../box/box.cjs');
-var flex = require('../flex/flex.cjs');
-var select = require('../select/select.cjs');
-var text = require('../text/text.cjs');
-var textfield = require('../textfield/textfield.cjs');
 require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.cjs');
 require('../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.cjs');
+var flex = require('../flex/flex.cjs');
+var select = require('../select/select.cjs');
 require('../tooltip/tooltip.cjs');
 var datePicker = require('../calendar/date-picker.cjs');
 require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
 require('../popover/popover.cjs');
+var textfield = require('../textfield/textfield.cjs');
+var text = require('../text/text.cjs');
 var filterChip_module = require('./filter-chip.module.css.cjs');
 var filters = require('../../types/filters.cjs');
 

package/dist/v1/components/filter-chip/filter-chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.cjs","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactNode, useEffect, useState, ReactElement } from \"react\";\nimport { Box } from \"../box\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport { DatePicker } from \"../calendar\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterSelectOption,\n  FilterOperation,\n  FilterType,\n  FilterTypes,\n  filterOperators,\n} from \"~/v1/types/filters\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find((o) => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant=\"filter\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}\n      >\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map((opt) => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}\n            >\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove = () => null,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"filter\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map((opt) => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}\n                >\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={(date) => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={(e) => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={[styles.chip, className].filter(Boolean).join(\" \")}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}\n    >\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        <div\n          className={styles.removeIconContainer}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove ${label} filter`}\n        >\n          <Cross1Icon className={styles.removeIcon} onClick={onRemove} />\n        </div>\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["FilterType","filterOperators","useState","useEffect","_jsxs","Select","_jsx","styles","DatePicker","TextField","Box","Flex","Text","Cross1Icon"],"mappings":"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"}
+{"version":3,"file":"filter-chip.cjs","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement,ReactNode, useEffect, useState } from \"react\";\n\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find((o) => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant=\"filter\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}\n      >\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map((opt) => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}\n            >\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove = () => null,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"filter\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map((opt) => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}\n                >\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={(date) => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={(e) => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={[styles.chip, className].filter(Boolean).join(\" \")}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}\n    >\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        <div\n          className={styles.removeIconContainer}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove ${label} filter`}\n        >\n          <Cross1Icon className={styles.removeIcon} onClick={onRemove} />\n        </div>\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["FilterType","filterOperators","useState","useEffect","_jsxs","Select","_jsx","styles","DatePicker","TextField","Box","Flex","Text","Cross1Icon"],"mappings":"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"}

package/dist/v1/components/filter-chip/filter-chip.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactElement } from "react";
+import { ReactElement, ReactNode } from "react";
 import { FilterSelectOption, FilterTypes } from "~/v1/types/filters";
 export interface FilterChipProps {
     label: string;

package/dist/v1/components/filter-chip/filter-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,YAAY,EAAE,MAAM,OAAO,CAAC;AAQrE,OAAO,EACL,kBAAkB,EAGlB,WAAW,EAEZ,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAyDD,eAAO,MAAM,UAAU;+HAYpB,eAAe;;CAgGjB,CAAC"}
+{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAC,SAAS,EAAuB,MAAM,OAAO,CAAC;AAUpE,OAAO,EAGL,kBAAkB,EAElB,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAyDD,eAAO,MAAM,UAAU;+HAYpB,eAAe;;CAgGjB,CAAC"}

package/dist/v1/components/filter-chip/filter-chip.js

@@ -2,16 +2,16 @@ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/no
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { useState, useEffect } from 'react';
 import { Box } from '../box/box.js';
-import { Flex } from '../flex/flex.js';
-import { Select } from '../select/select.js';
-import { Text } from '../text/text.js';
-import { TextField } from '../textfield/textfield.js';
 import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
 import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
+import { Flex } from '../flex/flex.js';
+import { Select } from '../select/select.js';
 import '../tooltip/tooltip.js';
 import { DatePicker } from '../calendar/date-picker.js';
 import '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
 import '../popover/popover.js';
+import { TextField } from '../textfield/textfield.js';
+import { Text } from '../text/text.js';
 import styles from './filter-chip.module.css.js';
 import { FilterType, filterOperators } from '../../types/filters.js';
 

package/dist/v1/components/filter-chip/filter-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactNode, useEffect, useState, ReactElement } from \"react\";\nimport { Box } from \"../box\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport { DatePicker } from \"../calendar\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterSelectOption,\n  FilterOperation,\n  FilterType,\n  FilterTypes,\n  filterOperators,\n} from \"~/v1/types/filters\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find((o) => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant=\"filter\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}\n      >\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map((opt) => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}\n            >\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove = () => null,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"filter\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map((opt) => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}\n                >\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={(date) => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={(e) => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={[styles.chip, className].filter(Boolean).join(\" \")}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}\n    >\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        <div\n          className={styles.removeIconContainer}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove ${label} filter`}\n        >\n          <Cross1Icon className={styles.removeIcon} onClick={onRemove} />\n        </div>\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement,ReactNode, useEffect, useState } from \"react\";\n\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find((o) => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant=\"filter\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}\n      >\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map((opt) => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}\n            >\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove = () => null,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"filter\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map((opt) => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}\n                >\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={(date) => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={(e) => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={[styles.chip, className].filter(Boolean).join(\" \")}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}\n    >\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        <div\n          className={styles.removeIconContainer}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Remove ${label} filter`}\n        >\n          <Cross1Icon className={styles.removeIcon} onClick={onRemove} />\n        </div>\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/image/image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.cjs","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAEA,oBAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAEA,oBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"image.cjs","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAEA,oBAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAEA,oBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/v1/components/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../v1/components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,KAAK;;;mFAkBT,CAAC;AAEH,UAAU,UACR,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,YAAY,CAAC,OAAO,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2BZ;yBAxCe,KAAK"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../v1/components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,KAAK;;;mFAkBT,CAAC;AAEH,UAAU,UACR,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,YAAY,CAAC,OAAO,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2BZ;yBAxCe,KAAK"}

package/dist/v1/components/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEA,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"image.js","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEA,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/v1/components/label/label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"label.cjs","sources":["../../../../v1/components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n  variants: {\n    size: {\n      small: styles[\"label-small\"],\n      medium: styles[\"label-medium\"],\n      large: styles[\"label-large\"],\n    },\n    required: {\n      true: styles[\"label-required\"],\n    }\n  },\n  defaultVariants: {\n    size: \"small\",\n    required: false,\n  },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n  Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n  required?: boolean;\n  requiredIndicator?: string;\n  htmlFor?: string;\n}\n\nexport function Label({ \n  children, \n  className, \n  size, \n  required, \n  requiredIndicator = \"*\",\n  htmlFor,\n  ...props \n}: LabelProps) {\n  return (\n    <label\n      className={label({ size, required, className })}\n      htmlFor={htmlFor}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span \n          className={styles[\"required-indicator\"]} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {requiredIndicator}\n        </span>\n      )}\n    </label>\n  );\n}\n\nexport type { LabelProps }; "],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAIA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEC,6CACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}
+{"version":3,"file":"label.cjs","sources":["../../../../v1/components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n  variants: {\n    size: {\n      small: styles[\"label-small\"],\n      medium: styles[\"label-medium\"],\n      large: styles[\"label-large\"],\n    },\n    required: {\n      true: styles[\"label-required\"],\n    }\n  },\n  defaultVariants: {\n    size: \"small\",\n    required: false,\n  },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n  Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n  required?: boolean;\n  requiredIndicator?: string;\n  htmlFor?: string;\n}\n\nexport function Label({ \n  children, \n  className, \n  size, \n  required, \n  requiredIndicator = \"*\",\n  htmlFor,\n  ...props \n}: LabelProps) {\n  return (\n    <label\n      className={label({ size, required, className })}\n      htmlFor={htmlFor}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span \n          className={styles[\"required-indicator\"]} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {requiredIndicator}\n        </span>\n      )}\n    </label>\n  );\n}\n\nexport type { LabelProps }; "],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEC,6CACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}

package/dist/v1/components/label/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../v1/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1D,QAAA,MAAM,KAAK;;;mFAeT,CAAC;AAEH,UAAU,UAAW,SAAQ,iBAAiB,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,EACxE,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAuB,EACvB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../v1/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,QAAA,MAAM,KAAK;;;mFAeT,CAAC;AAEH,UAAU,UAAW,SAAQ,iBAAiB,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,EACxE,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAuB,EACvB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/v1/components/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../../v1/components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n  variants: {\n    size: {\n      small: styles[\"label-small\"],\n      medium: styles[\"label-medium\"],\n      large: styles[\"label-large\"],\n    },\n    required: {\n      true: styles[\"label-required\"],\n    }\n  },\n  defaultVariants: {\n    size: \"small\",\n    required: false,\n  },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n  Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n  required?: boolean;\n  requiredIndicator?: string;\n  htmlFor?: string;\n}\n\nexport function Label({ \n  children, \n  className, \n  size, \n  required, \n  requiredIndicator = \"*\",\n  htmlFor,\n  ...props \n}: LabelProps) {\n  return (\n    <label\n      className={label({ size, required, className })}\n      htmlFor={htmlFor}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span \n          className={styles[\"required-indicator\"]} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {requiredIndicator}\n        </span>\n      )}\n    </label>\n  );\n}\n\nexport type { LabelProps }; "],"names":["_jsxs","_jsx"],"mappings":";;;;AAIA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEA,kCACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}
+{"version":3,"file":"label.js","sources":["../../../../v1/components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n  variants: {\n    size: {\n      small: styles[\"label-small\"],\n      medium: styles[\"label-medium\"],\n      large: styles[\"label-large\"],\n    },\n    required: {\n      true: styles[\"label-required\"],\n    }\n  },\n  defaultVariants: {\n    size: \"small\",\n    required: false,\n  },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n  Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n  required?: boolean;\n  requiredIndicator?: string;\n  htmlFor?: string;\n}\n\nexport function Label({ \n  children, \n  className, \n  size, \n  required, \n  requiredIndicator = \"*\",\n  htmlFor,\n  ...props \n}: LabelProps) {\n  return (\n    <label\n      className={label({ size, required, className })}\n      htmlFor={htmlFor}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span \n          className={styles[\"required-indicator\"]} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {requiredIndicator}\n        </span>\n      )}\n    </label>\n  );\n}\n\nexport type { LabelProps }; "],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEA,kCACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}

package/dist/v1/components/list/list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.cjs","sources":["../../../../v1/components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport styles from \"./list.module.css\";\n\nconst list = cva(styles.list);\nconst listItem = cva(styles[\"list-item\"]);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles[\"header-text\"]);\n\ninterface ListRootProps extends ComponentPropsWithoutRef<\"ul\">, VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<\"span\"> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({ children, className, maxWidth, style, ...props }: ListRootProps) => {\n  return (\n    <ul \n      className={list({ className })} \n      style={{ maxWidth, ...style }} \n      role=\"list\"\n      aria-label={props['aria-label'] || \"List\"}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li \n      className={listItem({ className })} \n      role=\"listitem\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({ \n  children, \n  minWidth,\n  className,\n  style,\n  ...props \n}: ListLabelProps) => {\n  return (\n    <span \n      className={label({ className })} \n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ \n  children,\n  className,\n  ...props \n}: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div \n      className={header({ className })} \n      role=\"heading\"\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nexport const List = {\n  Root: ListRoot,\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue,\n};\n\nListRoot.displayName = \"List\";\nListHeader.displayName = \"ListHeader\";\nListItem.displayName = \"ListItem\";\nListLabel.displayName = \"ListLabel\";\nListValue.displayName = \"ListValue\";"],"names":["cva","styles","_jsx"],"mappings":"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"}
+{"version":3,"file":"list.cjs","sources":["../../../../v1/components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from \"./list.module.css\";\n\nconst list = cva(styles.list);\nconst listItem = cva(styles[\"list-item\"]);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles[\"header-text\"]);\n\ninterface ListRootProps extends ComponentPropsWithoutRef<\"ul\">, VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<\"span\"> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({ children, className, maxWidth, style, ...props }: ListRootProps) => {\n  return (\n    <ul \n      className={list({ className })} \n      style={{ maxWidth, ...style }} \n      role=\"list\"\n      aria-label={props['aria-label'] || \"List\"}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li \n      className={listItem({ className })} \n      role=\"listitem\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({ \n  children, \n  minWidth,\n  className,\n  style,\n  ...props \n}: ListLabelProps) => {\n  return (\n    <span \n      className={label({ className })} \n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ \n  children,\n  className,\n  ...props \n}: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div \n      className={header({ className })} \n      role=\"heading\"\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nexport const List = {\n  Root: ListRoot,\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue,\n};\n\nListRoot.displayName = \"List\";\nListHeader.displayName = \"ListHeader\";\nListItem.displayName = \"ListItem\";\nListLabel.displayName = \"ListLabel\";\nListValue.displayName = \"ListValue\";"],"names":["cva","styles","_jsx"],"mappings":"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"}

package/dist/v1/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../v1/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAO9B,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuED,eAAO,MAAM,IAAI;;6DArEqD,aAAa;;;;4CAwD5B,eAAe;;;;4CA1CjB,aAAa;;;;6DAkB/D,cAAc;;;;4CAgBd,cAAc;;;CA2BhB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../v1/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAO9B,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuED,eAAO,MAAM,IAAI;;6DArEqD,aAAa;;;;4CAwD5B,eAAe;;;;4CA1CjB,aAAa;;;;6DAkB/D,cAAc;;;;4CAgBd,cAAc;;;CA2BhB,CAAC"}

package/dist/v1/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../v1/components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport styles from \"./list.module.css\";\n\nconst list = cva(styles.list);\nconst listItem = cva(styles[\"list-item\"]);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles[\"header-text\"]);\n\ninterface ListRootProps extends ComponentPropsWithoutRef<\"ul\">, VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<\"span\"> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({ children, className, maxWidth, style, ...props }: ListRootProps) => {\n  return (\n    <ul \n      className={list({ className })} \n      style={{ maxWidth, ...style }} \n      role=\"list\"\n      aria-label={props['aria-label'] || \"List\"}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li \n      className={listItem({ className })} \n      role=\"listitem\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({ \n  children, \n  minWidth,\n  className,\n  style,\n  ...props \n}: ListLabelProps) => {\n  return (\n    <span \n      className={label({ className })} \n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ \n  children,\n  className,\n  ...props \n}: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div \n      className={header({ className })} \n      role=\"heading\"\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nexport const List = {\n  Root: ListRoot,\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue,\n};\n\nListRoot.displayName = \"List\";\nListHeader.displayName = \"ListHeader\";\nListItem.displayName = \"ListItem\";\nListLabel.displayName = \"ListLabel\";\nListValue.displayName = \"ListValue\";"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;AAwB9C,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,KAAI;AACrF,IAAA,QACEA,qBACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7B,IAAI,EAAC,MAAM,EACC,YAAA,EAAA,KAAK,CAAC,YAAY,CAAC,IAAI,MAAM,KACrC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB,KAAI;IACpE,QACEA,8BACE,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAClC,IAAI,EAAC,UAAU,EACX,GAAA,KAAK,YAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO,KAAI;IACnB,QACEA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzB,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACO,KAAI;AACnB,IAAA,QACEA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7C,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AACxE,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAChC,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,EACT,GAAA,KAAK,EAET,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CAC5C,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,IAAI,GAAG;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;EAChB;AAEF,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;AAC9B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"list.js","sources":["../../../../v1/components/list/list.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from \"./list.module.css\";\n\nconst list = cva(styles.list);\nconst listItem = cva(styles[\"list-item\"]);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles[\"header-text\"]);\n\ninterface ListRootProps extends ComponentPropsWithoutRef<\"ul\">, VariantProps<typeof list> {\n  children: ReactNode;\n  maxWidth?: string | number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n  children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<\"span\"> {\n  minWidth?: string;\n  children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  children: ReactNode;\n}\n\nconst ListRoot = ({ children, className, maxWidth, style, ...props }: ListRootProps) => {\n  return (\n    <ul \n      className={list({ className })} \n      style={{ maxWidth, ...style }} \n      role=\"list\"\n      aria-label={props['aria-label'] || \"List\"}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n  return (\n    <li \n      className={listItem({ className })} \n      role=\"listitem\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\nconst ListLabel = ({ \n  children, \n  minWidth,\n  className,\n  style,\n  ...props \n}: ListLabelProps) => {\n  return (\n    <span \n      className={label({ className })} \n      style={{ minWidth, ...style }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nconst ListValue = ({ \n  children,\n  className,\n  ...props \n}: ListValueProps) => {\n  return (\n    <span className={value({ className })} {...props}>\n      {children}\n    </span>\n  );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n  return (\n    <div \n      className={header({ className })} \n      role=\"heading\"\n      aria-level={3}\n      {...props}\n    >\n      <span className={headerText()}>{children}</span>\n    </div>\n  );\n};\n\nexport const List = {\n  Root: ListRoot,\n  Header: ListHeader,\n  Item: ListItem,\n  Label: ListLabel,\n  Value: ListValue,\n};\n\nListRoot.displayName = \"List\";\nListHeader.displayName = \"ListHeader\";\nListItem.displayName = \"ListItem\";\nListLabel.displayName = \"ListLabel\";\nListValue.displayName = \"ListValue\";"],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;AAwB9C,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,KAAI;AACrF,IAAA,QACEA,qBACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7B,IAAI,EAAC,MAAM,EACC,YAAA,EAAA,KAAK,CAAC,YAAY,CAAC,IAAI,MAAM,KACrC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB,KAAI;IACpE,QACEA,8BACE,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAClC,IAAI,EAAC,UAAU,EACX,GAAA,KAAK,YAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO,KAAI;IACnB,QACEA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzB,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACO,KAAI;AACnB,IAAA,QACEA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7C,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AACxE,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAChC,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,EACT,GAAA,KAAK,EAET,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CAC5C,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,IAAI,GAAG;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;EAChB;AAEF,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;AAC9B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/v1/components/popover/popover.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var React = require('react');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-popover@1.0.6_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popover/dist/index.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
 var popover_module = require('./popover.module.css.cjs');
 
 const popoverContent = index$1.cva(popover_module.default.popover);

package/dist/v1/components/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cva } from \"class-variance-authority\";\n\nimport styles from \"./popover.module.css\";\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ \n  className, \n  align = \"center\", \n  sideOffset = 4, \n  ariaLabel = \"Popover content\",\n  collisionPadding = 3,\n  ...props \n}, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      avoidCollisions\n      className={popoverContent({ className })}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      {...props}\n    >\n      {props.children}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent,\n});\n"],"names":["cva","styles","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,CAAC,CAAC;AAM3C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EACD,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAACC,YAAuB,EACtB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAGA,aAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,UAAqB,EAAE;IAC1D,OAAO,EAAEC,aAAwB;IACjC,KAAK,EAAEC,WAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"popover.cjs","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport styles from \"./popover.module.css\";\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ \n  className, \n  align = \"center\", \n  sideOffset = 4, \n  ariaLabel = \"Popover content\",\n  collisionPadding = 3,\n  ...props \n}, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      avoidCollisions\n      className={popoverContent({ className })}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      {...props}\n    >\n      {props.children}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent,\n});\n"],"names":["cva","styles","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,CAAC,CAAC;AAM3C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EACD,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAACC,YAAuB,EACtB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAGA,aAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,UAAqB,EAAE;IAC1D,OAAO,EAAEC,aAAwB;IACjC,KAAK,EAAEC,WAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}

package/dist/v1/components/popover/popover.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import React from "react";
 interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     ariaLabel?: string;
 }

package/dist/v1/components/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../v1/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAO5D,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACnG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../v1/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACnG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/v1/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import React__default from 'react';
 import { Portal as $cb5cc270b50c6fcd$export$602eac185826482c, Content as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, Root as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, Trigger as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, Close as $cb5cc270b50c6fcd$export$f39c2d165cd861fe } from '../../node_modules/.pnpm/@radix-ui_react-popover@1.0.6_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popover/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import React__default from 'react';
 import styles from './popover.module.css.js';
 
 const popoverContent = cva(styles.popover);

package/dist/v1/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cva } from \"class-variance-authority\";\n\nimport styles from \"./popover.module.css\";\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ \n  className, \n  align = \"center\", \n  sideOffset = 4, \n  ariaLabel = \"Popover content\",\n  collisionPadding = 3,\n  ...props \n}, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      avoidCollisions\n      className={popoverContent({ className })}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      {...props}\n    >\n      {props.children}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent,\n});\n"],"names":["React","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAM3C,MAAM,cAAc,GAAGA,cAAK,CAAC,UAAU,CAGrC,CAAC,EACD,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,sBAACC,yCAAuB,EACtB,EAAA,QAAA,EAAAD,qBAAA,CAACE,yCAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAGA,yCAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAqB,EAAE;IAC1D,OAAO,EAAEC,yCAAwB;IACjC,KAAK,EAAEC,yCAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"popover.js","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport styles from \"./popover.module.css\";\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ \n  className, \n  align = \"center\", \n  sideOffset = 4, \n  ariaLabel = \"Popover content\",\n  collisionPadding = 3,\n  ...props \n}, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      avoidCollisions\n      className={popoverContent({ className })}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      {...props}\n    >\n      {props.children}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent,\n});\n"],"names":["React","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAM3C,MAAM,cAAc,GAAGA,cAAK,CAAC,UAAU,CAGrC,CAAC,EACD,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,sBAACC,yCAAuB,EACtB,EAAA,QAAA,EAAAD,qBAAA,CAACE,yCAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAGA,yCAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAqB,EAAE;IAC1D,OAAO,EAAEC,yCAAwB;IACjC,KAAK,EAAEC,yCAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}

package/dist/v1/components/search/search.cjs

@@ -18,7 +18,7 @@ const searchField = index.cva(search_module.default.searchField, {
     }
 });
 const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, ref, ...props }) => {
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.container, role: "search", children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: search_module.default.inputWrapper, children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: search_module.default.leadingIcon, "aria-hidden": "true", children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, {}) }), jsxRuntime.jsxRuntimeExports.jsx("input", { ref: ref, type: "text", className: clsx.clsx(searchField({ size, className }), disabled && search_module.default["search-disabled"]), placeholder: placeholder, disabled: disabled, value: value, "aria-label": placeholder, ...props }), showClearButton && value && (jsxRuntime.jsxRuntimeExports.jsx("button", { className: search_module.default.clearButton, onClick: onClear, disabled: disabled, type: "button", "aria-label": "Clear search", tabIndex: 0, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CrossCircledIcon, {}) }))] }) }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx.clsx(search_module.default.container, disabled && search_module.default.disabled), role: "search", children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: search_module.default.leadingIcon, "aria-hidden": "true", children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, {}) }), jsxRuntime.jsxRuntimeExports.jsx("input", { ref: ref, type: "text", className: clsx.clsx(searchField({ size, className }), disabled && search_module.default["search-disabled"]), placeholder: placeholder, disabled: disabled, value: value, "aria-label": placeholder, ...props }), showClearButton && value && !disabled && (jsxRuntime.jsxRuntimeExports.jsx("button", { className: search_module.default.clearButton, onClick: onClear, disabled: disabled, type: "button", "aria-label": "Clear search", tabIndex: 0, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CrossCircledIcon, { height: 16, width: 16 }) }))] }));
 };
 Search.displayName = "Search";
 

package/dist/v1/components/search/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon,MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./search.module.css\";\n\nconst searchField = cva(styles.searchField, {\n  variants: {\n    size: {\n      small: styles[\"search-small\"],\n      large: styles[\"search-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface SearchProps extends VariantProps<typeof searchField> {\n  className?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  showClearButton?: boolean;\n  onClear?: () => void;\n  value?: string;\n  ref?: React.RefObject<HTMLInputElement>;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  type?: string;\n  name?: string;\n  id?: string;\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  ref,\n  ...props \n}: SearchProps) => {\n  return (\n    <div className={styles.container} role=\"search\">\n      <div className={styles.inputWrapper}>\n        <span className={styles.leadingIcon} aria-hidden=\"true\">\n          <MagnifyingGlassIcon />\n        </span>\n        <input\n          ref={ref}\n          type=\"text\"\n          className={clsx(\n            searchField({ size, className }),\n            disabled && styles[\"search-disabled\"]\n          )}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          aria-label={placeholder}\n          {...props}\n        />\n        {showClearButton && value && (\n          <button \n            className={styles.clearButton}\n            onClick={onClear}\n            disabled={disabled}\n            type=\"button\"\n            aria-label=\"Clear search\"\n            tabIndex={0}\n          >\n            <CrossCircledIcon />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\"; "],"names":["cva","styles","_jsx","_jsxs","MagnifyingGlassIcon","clsx","CrossCircledIcon"],"mappings":";;;;;;;;AAOA,MAAM,WAAW,GAAGA,SAAG,CAACC,qBAAM,CAAC,WAAW,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAiBI,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACI,KAAI;IAChB,QACEC,gCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAED,qBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAC7C,QAAA,EAAAE,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,qBAAM,CAAC,YAAY,EACjC,QAAA,EAAA,CAAAC,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,qBAAM,CAAC,WAAW,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EACrDC,iCAACE,kCAAmB,EAAA,EAAA,CAAG,EAClB,CAAA,EACPF,gCACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAEG,SAAI,CACb,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAChC,QAAQ,IAAIJ,qBAAM,CAAC,iBAAiB,CAAC,CACtC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,gBACA,WAAW,EAAA,GACnB,KAAK,EAAA,CACT,EACD,eAAe,IAAI,KAAK,KACvBC,gCACE,CAAA,QAAA,EAAA,EAAA,SAAS,EAAED,qBAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,cAAc,EACzB,QAAQ,EAAE,CAAC,EAAA,QAAA,EAEXC,gCAAC,CAAAI,+BAAgB,EAAG,EAAA,CAAA,EAAA,CACb,CACV,CAAA,EAAA,CACG,EACF,CAAA,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon,MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport styles from \"./search.module.css\";\n\nconst searchField = cva(styles.searchField, {\n  variants: {\n    size: {\n      small: styles[\"search-small\"],\n      large: styles[\"search-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface SearchProps extends VariantProps<typeof searchField> {\n  className?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  showClearButton?: boolean;\n  onClear?: () => void;\n  value?: string;\n  ref?: React.RefObject<HTMLInputElement>;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  type?: string;\n  name?: string;\n  id?: string;\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  ref,\n  ...props \n}: SearchProps) => {\n  return (\n    <div \n      className={clsx(styles.container, disabled && styles.disabled)} \n      role=\"search\"\n    >\n      <span className={styles.leadingIcon} aria-hidden=\"true\">\n        <MagnifyingGlassIcon />\n      </span>\n      <input\n        ref={ref}\n        type=\"text\"\n        className={clsx(\n          searchField({ size, className }),\n          disabled && styles[\"search-disabled\"]\n        )}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        aria-label={placeholder}\n        {...props}\n      />\n      {showClearButton && value && !disabled && (\n        <button \n          className={styles.clearButton}\n          onClick={onClear}\n          disabled={disabled}\n          type=\"button\"\n          aria-label=\"Clear search\"\n          tabIndex={0}\n        >\n          <CrossCircledIcon height={16} width={16}/>\n        </button>\n      )}\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["cva","styles","_jsxs","clsx","_jsx","MagnifyingGlassIcon","CrossCircledIcon"],"mappings":";;;;;;;;AAMA,MAAM,WAAW,GAAGA,SAAG,CAACC,qBAAM,CAAC,WAAW,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAiBI,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,QACEC,iCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,SAAI,CAACF,qBAAM,CAAC,SAAS,EAAE,QAAQ,IAAIA,qBAAM,CAAC,QAAQ,CAAC,EAC9D,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAA,CAAAG,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,qBAAM,CAAC,WAAW,EAAA,aAAA,EAAc,MAAM,EACrD,QAAA,EAAAG,gCAAA,CAACC,kCAAmB,EAAA,EAAA,CAAG,EAClB,CAAA,EACPD,gCACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAED,SAAI,CACb,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAChC,QAAQ,IAAIF,qBAAM,CAAC,iBAAiB,CAAC,CACtC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,WAAW,EAAA,GACnB,KAAK,EAAA,CACT,EACD,eAAe,IAAI,KAAK,IAAI,CAAC,QAAQ,KACpCG,gCAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAEH,qBAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,cAAc,EACzB,QAAQ,EAAE,CAAC,EAAA,QAAA,EAEXG,gCAAC,CAAAE,+BAAgB,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAG,CAAA,EAAA,CACnC,CACV,CAAA,EAAA,CACG,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,WAAW;;mFAUf,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,MAAM;iGAUhB,WAAW;;CAmCb,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,WAAW;;mFAUf,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,MAAM;iGAUhB,WAAW;;CAoCb,CAAC"}

package/dist/v1/components/search/search.js

@@ -16,7 +16,7 @@ const searchField = cva(styles.searchField, {
     }
 });
 const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, ref, ...props }) => {
-    return (jsxRuntimeExports.jsx("div", { className: styles.container, role: "search", children: jsxRuntimeExports.jsxs("div", { className: styles.inputWrapper, children: [jsxRuntimeExports.jsx("span", { className: styles.leadingIcon, "aria-hidden": "true", children: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}) }), jsxRuntimeExports.jsx("input", { ref: ref, type: "text", className: clsx(searchField({ size, className }), disabled && styles["search-disabled"]), placeholder: placeholder, disabled: disabled, value: value, "aria-label": placeholder, ...props }), showClearButton && value && (jsxRuntimeExports.jsx("button", { className: styles.clearButton, onClick: onClear, disabled: disabled, type: "button", "aria-label": "Clear search", tabIndex: 0, children: jsxRuntimeExports.jsx(CrossCircledIcon, {}) }))] }) }));
+    return (jsxRuntimeExports.jsxs("div", { className: clsx(styles.container, disabled && styles.disabled), role: "search", children: [jsxRuntimeExports.jsx("span", { className: styles.leadingIcon, "aria-hidden": "true", children: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}) }), jsxRuntimeExports.jsx("input", { ref: ref, type: "text", className: clsx(searchField({ size, className }), disabled && styles["search-disabled"]), placeholder: placeholder, disabled: disabled, value: value, "aria-label": placeholder, ...props }), showClearButton && value && !disabled && (jsxRuntimeExports.jsx("button", { className: styles.clearButton, onClick: onClear, disabled: disabled, type: "button", "aria-label": "Clear search", tabIndex: 0, children: jsxRuntimeExports.jsx(CrossCircledIcon, { height: 16, width: 16 }) }))] }));
 };
 Search.displayName = "Search";
 

package/dist/v1/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon,MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./search.module.css\";\n\nconst searchField = cva(styles.searchField, {\n  variants: {\n    size: {\n      small: styles[\"search-small\"],\n      large: styles[\"search-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface SearchProps extends VariantProps<typeof searchField> {\n  className?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  showClearButton?: boolean;\n  onClear?: () => void;\n  value?: string;\n  ref?: React.RefObject<HTMLInputElement>;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  type?: string;\n  name?: string;\n  id?: string;\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  ref,\n  ...props \n}: SearchProps) => {\n  return (\n    <div className={styles.container} role=\"search\">\n      <div className={styles.inputWrapper}>\n        <span className={styles.leadingIcon} aria-hidden=\"true\">\n          <MagnifyingGlassIcon />\n        </span>\n        <input\n          ref={ref}\n          type=\"text\"\n          className={clsx(\n            searchField({ size, className }),\n            disabled && styles[\"search-disabled\"]\n          )}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          aria-label={placeholder}\n          {...props}\n        />\n        {showClearButton && value && (\n          <button \n            className={styles.clearButton}\n            onClick={onClear}\n            disabled={disabled}\n            type=\"button\"\n            aria-label=\"Clear search\"\n            tabIndex={0}\n          >\n            <CrossCircledIcon />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\"; "],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAOA,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAiBI,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACI,KAAI;IAChB,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAC7C,QAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EACjC,QAAA,EAAA,CAAAD,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EACrDA,sBAAC,mBAAmB,EAAA,EAAA,CAAG,EAClB,CAAA,EACPA,qBACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,CACb,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAChC,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACtC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,gBACA,WAAW,EAAA,GACnB,KAAK,EAAA,CACT,EACD,eAAe,IAAI,KAAK,KACvBA,qBACE,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,cAAc,EACzB,QAAQ,EAAE,CAAC,EAAA,QAAA,EAEXA,qBAAC,CAAA,gBAAgB,EAAG,EAAA,CAAA,EAAA,CACb,CACV,CAAA,EAAA,CACG,EACF,CAAA,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon,MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\n\nimport styles from \"./search.module.css\";\n\nconst searchField = cva(styles.searchField, {\n  variants: {\n    size: {\n      small: styles[\"search-small\"],\n      large: styles[\"search-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface SearchProps extends VariantProps<typeof searchField> {\n  className?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  showClearButton?: boolean;\n  onClear?: () => void;\n  value?: string;\n  ref?: React.RefObject<HTMLInputElement>;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  type?: string;\n  name?: string;\n  id?: string;\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  ref,\n  ...props \n}: SearchProps) => {\n  return (\n    <div \n      className={clsx(styles.container, disabled && styles.disabled)} \n      role=\"search\"\n    >\n      <span className={styles.leadingIcon} aria-hidden=\"true\">\n        <MagnifyingGlassIcon />\n      </span>\n      <input\n        ref={ref}\n        type=\"text\"\n        className={clsx(\n          searchField({ size, className }),\n          disabled && styles[\"search-disabled\"]\n        )}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        aria-label={placeholder}\n        {...props}\n      />\n      {showClearButton && value && !disabled && (\n        <button \n          className={styles.clearButton}\n          onClick={onClear}\n          disabled={disabled}\n          type=\"button\"\n          aria-label=\"Clear search\"\n          tabIndex={0}\n        >\n          <CrossCircledIcon height={16} width={16}/>\n        </button>\n      )}\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAMA,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAiBI,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,QACEA,sBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC9D,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAA,CAAAC,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,MAAM,EACrD,QAAA,EAAAA,qBAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EAClB,CAAA,EACPA,qBACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,CACb,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAChC,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACtC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,WAAW,EAAA,GACnB,KAAK,EAAA,CACT,EACD,eAAe,IAAI,KAAK,IAAI,CAAC,QAAQ,KACpCA,qBAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,cAAc,EACzB,QAAQ,EAAE,CAAC,EAAA,QAAA,EAEXA,qBAAC,CAAA,gBAAgB,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAG,CAAA,EAAA,CACnC,CACV,CAAA,EAAA,CACG,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/search/search.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"container":"search-module_container__8gEJW","inputWrapper":"search-module_inputWrapper__q6Ah-","disabled":"search-module_disabled__hsaoU","searchField":"search-module_searchField__-tDuP","search-small":"search-module_search-small__-ZBT7","search-large":"search-module_search-large__KhTvs","search-disabled":"search-module_search-disabled__F7Fe0","leadingIcon":"search-module_leadingIcon__qHtrW","clearButton":"search-module_clearButton__CGShe","search___small":"search-module_search-small__-ZBT7","search___large":"search-module_search-large__KhTvs","search___disabled":"search-module_search-disabled__F7Fe0"};
+var styles = {"container":"search-module_container__8gEJW","disabled":"search-module_disabled__hsaoU","searchField":"search-module_searchField__-tDuP","search-small":"search-module_search-small__-ZBT7","search-large":"search-module_search-large__KhTvs","search-disabled":"search-module_search-disabled__F7Fe0","leadingIcon":"search-module_leadingIcon__qHtrW","clearButton":"search-module_clearButton__CGShe","search___small":"search-module_search-small__-ZBT7","search___large":"search-module_search-large__KhTvs","search___disabled":"search-module_search-disabled__F7Fe0"};
 
 exports.default = styles;
 //# sourceMappingURL=search.module.css.cjs.map