@atom-learning/components 8.0.2 → 9.0.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":[],"sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Close, Content, Overlay, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { DialogBackground } from './DialogBackground'\n\nconst modalOverlayId = 'modal_overlay'\n\nconst StyledDialogOverlay = styled(Overlay, {\n  base: backdropOverlay\n})\n\nconst StyledDialogContent = styled(\n  Content,\n  {\n    base: [\n      // `transform: translate()` is required for `floating-ui` to\n      // correctly position elements within the Dialog component.\n      // we can't use the translate property directly\n      'transform-[translate(-50%,-50%)]',\n      'bg-white',\n      'shadow-xl',\n      'box-border',\n      'left-1/2',\n      'h-auto',\n      'max-w-[90vw]',\n      'max-h-[90vh]',\n      'overflow-y-auto',\n      'rounded-md',\n      'p-8',\n      'fixed',\n      'top-1/2',\n      'z-1147483646',\n      'focus:outline-none',\n      'motion-safe:data-[state=open]:animate-slide-in-center',\n      'motion-safe:data-[state=closed]:animate-slide-out-center'\n    ],\n    variants: {\n      size: {\n        xs: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-95'\n        ],\n        sm: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-120'\n        ],\n        md: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-150'\n        ],\n        lg: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-200'\n        ],\n        xl: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-275'\n        ],\n        fullscreen: [\n          'rounded-none',\n          'w-screen',\n          'h-screen',\n          'max-w-screen',\n          'max-h-screen',\n          'supports-svh:h-svh',\n          'supports-svh:max-h-svh'\n        ]\n      },\n      layout: {\n        panel: ['flex', 'flex-col', 'p-0']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {\n  closeDialogText?: string\n  showCloseButton?: boolean\n}\n\nexport const DialogContent = ({\n  size = 'sm',\n  children,\n  closeDialogText = 'Close dialog',\n  showCloseButton = true,\n  ...remainingProps\n}: DialogContentProps) => (\n  <Portal>\n    <StyledDialogOverlay id={modalOverlayId}>\n      {React.Children.map(\n        children,\n        (child?: React.ReactElement<unknown>) =>\n          child?.type === DialogBackground && child\n      )}\n      <StyledDialogContent\n        size={size}\n        aria-label=\"Dialog\"\n        onPointerDownOutside={(event) => {\n          const element = event.target as HTMLElement\n          if (element?.id !== modalOverlayId) {\n            event.preventDefault()\n          }\n        }}\n        {...remainingProps}\n      >\n        {showCloseButton && (\n          <ActionIcon\n            as={Close}\n            label={closeDialogText}\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n            className=\"absolute top-4 right-4 size-12\"\n          >\n            <Icon is={CloseIcon} />\n          </ActionIcon>\n        )}\n        {React.Children.map(\n          children,\n          (child?: React.ReactElement<unknown>) =>\n            child?.type !== DialogBackground && child\n        )}\n      </StyledDialogContent>\n    </StyledDialogOverlay>\n  </Portal>\n)\n"],"mappings":";;;;;;;;;;AAWA,IAAM,iBAAiB;AAEvB,IAAM,sBAAsB,OAAO,SAAS,EAC1C,MAAM,iBACP,CAAC;AAEF,IAAM,sBAAsB,OAC1B,SACA;CACE,MAAM;EAIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,YAAY;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,QAAQ,EACN,OAAO;GAAC;GAAQ;GAAY;GAAM,EACnC;EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAOD,IAAa,iBAAiB,EAC5B,OAAO,MACP,UACA,kBAAkB,gBAClB,kBAAkB,MAClB,GAAG,qBAEH,oBAAC,QAAD,EAAA,UACE,qBAAC,qBAAD;CAAqB,IAAI;WAAzB,CACG,QAAM,SAAS,IACd,WACC,UACC,OAAO,SAAS,oBAAoB,MACvC,EACD,qBAAC,qBAAD;EACQ;EACN,cAAW;EACX,uBAAuB,UAAU;AAE/B,OADgB,MAAM,QACT,OAAO,eAClB,OAAM,gBAAgB;;EAG1B,GAAI;YATN,CAWG,mBACC,oBAAC,YAAD;GACE,IAAI;GACJ,OAAO;GACP,YAAY;GACZ,MAAK;GACL,OAAM;GACN,WAAU;aAEV,oBAAC,MAAD,EAAM,IAAI,OAAa,CAAA;GACZ,CAAA,EAEd,QAAM,SAAS,IACd,WACC,UACC,OAAO,SAAS,oBAAoB,MACvC,CACmB;IACF;IACf,CAAA"}
+{"version":3,"file":"DialogContent.js","names":[],"sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Close, Content, Overlay, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { backdropOverlay } from '../../utilities/style/backdrop-overlay'\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { DialogBackground } from './DialogBackground'\n\nconst modalOverlayId = 'modal_overlay'\n\nconst StyledDialogOverlay = styled(Overlay, {\n  base: backdropOverlay\n})\n\nconst StyledDialogContent = styled(\n  Content,\n  {\n    base: [\n      // `transform: translate()` is required for `floating-ui` to\n      // correctly position elements within the Dialog component.\n      // we can't use the translate property directly\n      'transform-[translate(-50%,-50%)]',\n      'bg-white',\n      'shadow-xl',\n      'box-border',\n      'left-1/2',\n      'h-auto',\n      'max-w-[90vw]',\n      'max-h-[90vh]',\n      'overflow-y-auto',\n      'rounded-md',\n      'p-8',\n      'fixed',\n      'top-1/2',\n      'z-1147483646',\n      'focus:outline-none',\n      'motion-safe:data-[state=open]:animate-slide-in-center',\n      'motion-safe:data-[state=closed]:animate-slide-out-center'\n    ],\n    variants: {\n      size: {\n        xs: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-95'\n        ],\n        sm: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-120'\n        ],\n        md: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-150'\n        ],\n        lg: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-200'\n        ],\n        xl: [\n          'rounded-md',\n          'size-auto',\n          'max-w-[90vw]',\n          'max-h-[90vh]',\n          'supports-svh:h-auto',\n          'supports-svh:max-h-[90vh]',\n          'w-275'\n        ],\n        fullscreen: [\n          'rounded-none',\n          'w-screen',\n          'h-screen',\n          'max-w-screen',\n          'max-h-screen',\n          'supports-svh:h-svh',\n          'supports-svh:max-h-svh'\n        ]\n      },\n      layout: {\n        panel: ['flex', 'flex-col', 'p-0']\n      }\n    }\n  },\n  { enableResponsiveVariants: true }\n)\n\ntype DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {\n  closeDialogText?: string\n  showCloseButton?: boolean\n}\n\nexport const DialogContent = ({\n  size = 'sm',\n  children,\n  closeDialogText = 'Close dialog',\n  showCloseButton = true,\n  ...rest\n}: DialogContentProps) => (\n  <Portal>\n    <StyledDialogOverlay id={modalOverlayId}>\n      {React.Children.map(children, (child) =>\n        React.isValidElement(child) && child.type === DialogBackground\n          ? child\n          : null\n      )}\n      <StyledDialogContent\n        size={size}\n        aria-label=\"Dialog\"\n        onPointerDownOutside={(event) => {\n          const element = event.target as HTMLElement\n          if (element?.id !== modalOverlayId) {\n            event.preventDefault()\n          }\n        }}\n        {...rest}\n      >\n        {showCloseButton && (\n          <ActionIcon\n            as={Close}\n            label={closeDialogText}\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n            className=\"absolute top-4 right-4 size-12\"\n          >\n            <Icon is={CloseIcon} />\n          </ActionIcon>\n        )}\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) && child.type === DialogBackground\n            ? null\n            : child\n        )}\n      </StyledDialogContent>\n    </StyledDialogOverlay>\n  </Portal>\n)\n"],"mappings":";;;;;;;;;;AAUA,IAAM,iBAAiB;AAEvB,IAAM,sBAAsB,OAAO,SAAS,EAC1C,MAAM,gBACR,CAAC;AAED,IAAM,sBAAsB,OAC1B,SACA;CACE,MAAM;EAIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,YAAY;IACV;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,QAAQ,EACN,OAAO;GAAC;GAAQ;GAAY;EAAK,EACnC;CACF;AACF,GACA,EAAE,0BAA0B,KAAK,CACnC;AAOA,IAAa,iBAAiB,EAC5B,OAAO,MACP,UACA,kBAAkB,gBAClB,kBAAkB,MAClB,GAAG,WAEH,oBAAC,QAAD,EAAA,UACE,qBAAC,qBAAD;CAAqB,IAAI;WAAzB,CACG,QAAM,SAAS,IAAI,WAAW,UAC7B,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,mBAC1C,QACA,IACN,GACA,qBAAC,qBAAD;EACQ;EACN,cAAW;EACX,uBAAuB,UAAU;GAE/B,IADgB,MAAM,QACT,OAAO,gBAClB,MAAM,eAAe;EAEzB;EACA,GAAI;YATN,CAWG,mBACC,oBAAC,YAAD;GACE,IAAI;GACJ,OAAO;GACP,YAAY;GACZ,MAAK;GACL,OAAM;GACN,WAAU;aAEV,oBAAC,MAAD,EAAM,IAAI,MAAY,CAAA;EACZ,CAAA,GAEb,QAAM,SAAS,IAAI,WAAW,UAC7B,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,mBAC1C,OACA,KACN,CACmB;GACF;GACf,CAAA"}

package/dist/components/dialog/DialogFooter.d.ts

@@ -1,3 +1 @@
-export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DialogFooter: import("../..").PolymorphicComponent<"footer", unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","names":[],"sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogFooter = styled('footer', {\n  base: ['flex', 'justify-end', 'gap-3', 'pt-4']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,UAAU,EAC3C,MAAM;CAAC;CAAQ;CAAe;CAAS;CAAO,EAC/C,CAAC"}
+{"version":3,"file":"DialogFooter.js","names":[],"sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DialogFooter = styled('footer', {\n  base: ['flex', 'justify-end', 'gap-3', 'pt-4']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,UAAU,EAC3C,MAAM;CAAC;CAAQ;CAAe;CAAS;AAAM,EAC/C,CAAC"}

package/dist/components/dialog/DialogHeading.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { Heading } from '../heading/Heading';
-export declare const DialogHeading: ({ className, ...rest }: React.ComponentProps<typeof Heading>) => React.JSX.Element;
+import { type HeadingProps } from '../heading/Heading';
+export declare const DialogHeading: ({ className, ...rest }: HeadingProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DialogHeading.js","names":[],"sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { Heading } from '../heading/Heading'\n\nexport const DialogHeading = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Heading>) => (\n  <Heading\n    size=\"sm\"\n    {...rest}\n    className={cn(\n      'border-b',\n      'border-b-grey-200',\n      'pb-8',\n      'pt-0',\n      'px-8',\n      'mb-8',\n      '-mx-8',\n      'box-content',\n      className\n    )}\n  />\n)\n"],"mappings":";;;;;AAMA,IAAa,iBAAiB,EAC5B,WACA,GAAG,WAEH,oBAAC,SAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,GACT,YACA,qBACA,QACA,QACA,QACA,QACA,SACA,eACA,UACD;CACD,CAAA"}
+{"version":3,"file":"DialogHeading.js","names":[],"sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../styled'\nimport { Heading, type HeadingProps } from '../heading/Heading'\n\nexport const DialogHeading = ({ className, ...rest }: HeadingProps) => (\n  <Heading\n    size=\"sm\"\n    {...rest}\n    className={cn(\n      'border-b',\n      'border-b-grey-200',\n      'pb-8',\n      'pt-0',\n      'px-8',\n      'mb-8',\n      '-mx-8',\n      'box-content',\n      className\n    )}\n  />\n)\n"],"mappings":";;;;;AAKA,IAAa,iBAAiB,EAAE,WAAW,GAAG,WAC5C,oBAAC,SAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,GACT,YACA,qBACA,QACA,QACA,QACA,QACA,SACA,eACA,SACF;AACD,CAAA"}

package/dist/components/dialog/DialogNavigationBar.d.ts

@@ -1,3 +1 @@
-export declare const DialogNavigationBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DialogNavigationBar: import("../..").PolymorphicComponent<"div", unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"DialogNavigationBar.js","names":[],"sources":["../../../src/components/dialog/DialogNavigationBar.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogNavigationBar = styled('div', {\n  base: [\n    'flex',\n    'justify-between',\n    'items-center',\n    'border-b',\n    'border-grey-300',\n    'p-4'\n  ]\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,OAAO,OAAO,EAC/C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"DialogNavigationBar.js","names":[],"sources":["../../../src/components/dialog/DialogNavigationBar.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DialogNavigationBar = styled('div', {\n  base: [\n    'flex',\n    'justify-between',\n    'items-center',\n    'border-b',\n    'border-grey-300',\n    'p-4'\n  ]\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,OAAO,OAAO,EAC/C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/components/dialog/DialogScrollableContent.d.ts

@@ -1,3 +1 @@
-export declare const DialogScrollableContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DialogScrollableContent: import("../..").PolymorphicComponent<"div", unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"DialogScrollableContent.js","names":[],"sources":["../../../src/components/dialog/DialogScrollableContent.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogScrollableContent = styled('div', {\n  base: ['overflow-scroll', 'flex-1', 'p-4']\n})\n"],"mappings":";;AAEA,IAAa,0BAA0B,OAAO,OAAO,EACnD,MAAM;CAAC;CAAmB;CAAU;CAAM,EAC3C,CAAC"}
+{"version":3,"file":"DialogScrollableContent.js","names":[],"sources":["../../../src/components/dialog/DialogScrollableContent.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DialogScrollableContent = styled('div', {\n  base: ['overflow-scroll', 'flex-1', 'p-4']\n})\n"],"mappings":";;AAEA,IAAa,0BAA0B,OAAO,OAAO,EACnD,MAAM;CAAC;CAAmB;CAAU;AAAK,EAC3C,CAAC"}

package/dist/components/dismissible/DismissibleRoot.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
-export interface IDismissibleRootContext {
+export interface DismissibleRootContextValue {
     disabled?: boolean;
     isDismissed: boolean;
     setIsDismissed: (boolean: any) => void;
     onDismiss: () => void;
 }
-export declare const DismissibleRootContext: React.Context<IDismissibleRootContext>;
-export interface IDismissibleRootProps {
+export declare const DismissibleRootContext: React.Context<DismissibleRootContextValue>;
+export interface DismissibleRootProps {
     disabled?: boolean;
     dismissed?: boolean;
     onDismiss?: () => void;
 }
-export declare const DismissibleRootProvider: ({ dismissed: controlledIsDismissed, children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleRootProps>) => React.JSX.Element;
-export interface IDismissibleRootInternalProps {
+export declare const DismissibleRootProvider: ({ dismissed: controlledIsDismissed, children, disabled, onDismiss }: React.PropsWithChildren<DismissibleRootProps>) => React.JSX.Element;
+export interface DismissibleRootInternalProps {
     asChild?: boolean;
 }
-export declare const DismissibleRoot: {
-    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleRootInternalProps & IDismissibleRootProps>): React.JSX.Element;
-    displayName: string;
-};
+export declare function DismissibleRoot({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<DismissibleRootInternalProps & DismissibleRootProps>): React.JSX.Element;
+export declare namespace DismissibleRoot {
+    var displayName: string;
+}

package/dist/components/dismissible/DismissibleRoot.js

@@ -45,6 +45,6 @@ var DismissibleRoot = ({ disabled = false, dismissed, onDismiss, ...rest }) => /
 });
 DismissibleRoot.displayName = "Dismissible";
 //#endregion
-export { DismissibleRoot, DismissibleRootContext };
+export { DismissibleRoot, DismissibleRootContext, DismissibleRootProvider };
 
 //# sourceMappingURL=DismissibleRoot.js.map

package/dist/components/dismissible/DismissibleRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleRoot.js","names":[],"sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss?: () => void\n}\n\nexport const DismissibleRootProvider = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss = () => null\n}: React.PropsWithChildren<IDismissibleRootProps>) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<IDismissibleRootContext>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleRootInternalProps>) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot = ({\n  disabled = false,\n  dismissed,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<\n  IDismissibleRootInternalProps & IDismissibleRootProps\n>) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n\nDismissibleRoot.displayName = 'Dismissible'\n"],"mappings":";;;;AAUA,IAAa,yBACX,QAAM,cAAuC;CAC3C,aAAa;CACb,sBAAsB,KAAA;CACtB,iBAAiB,KAAA;CAClB,CAAC;AAQJ,IAAa,2BAA2B,EACtC,WAAW,uBACX,UACA,UACA,kBAAkB,WACkC;CACpD,MAAM,CAAC,aAAa,kBAAkB,QAAM,SAAS,MAAM;CAE3D,MAAM,QAAQ,QAAM,cAAuC;EACzD,MAAM,eAAe,OAAO,0BAA0B;AACtD,SAAO;GACL;GACA,aAAa,eACR,wBACD;GACJ,gBAAgB,qBAAqB,OAAO;GAC5C;GACD;IACA;EAAC;EAAU;EAAa;EAAW;EAAsB,CAAC;AAE7D,QACE,oBAAC,uBAAuB,UAAxB;EAAwC;EACrC;EAC+B,CAAA;;AAQtC,IAAM,2BAA2B,EAC/B,UAAU,OACV,GAAG,WACyD;CAG5D,MAAM,EAAE,aAAa,aAFD,QAAM,WAAW,uBAAuB;AAI5D,KAAI,YAAa,QAAO;CAExB,MAAM,QAAQ;EAAE,GAAI,YAAY,GAAG,kBAAkB,IAAI;EAAG,GAAG;EAAM;AAErE,QAAO,oBADW,UAAU,OAAO,OAC5B,EAAW,GAAI,OAAS,CAAA;;AAGjC,IAAa,mBAAmB,EAC9B,WAAW,OACX,WACA,WACA,GAAG,WAIH,oBAAC,yBAAD;CACa;CACD;CACC;WAEX,oBAAC,yBAAD,EAAyB,GAAI,MAAQ,CAAA;CACb,CAAA;AAG5B,gBAAgB,cAAc"}
+{"version":3,"file":"DismissibleRoot.js","names":[],"sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface DismissibleRootContextValue {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<DismissibleRootContextValue>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface DismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss?: () => void\n}\n\nexport const DismissibleRootProvider = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss = () => null\n}: React.PropsWithChildren<DismissibleRootProps>) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<DismissibleRootContextValue>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface DismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<DismissibleRootInternalProps>) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot = ({\n  disabled = false,\n  dismissed,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<\n  DismissibleRootInternalProps & DismissibleRootProps\n>) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n\nDismissibleRoot.displayName = 'Dismissible'\n"],"mappings":";;;;AAUA,IAAa,yBACX,QAAM,cAA2C;CAC/C,aAAa;CACb,sBAAsB,KAAA;CACtB,iBAAiB,KAAA;AACnB,CAAC;AAQH,IAAa,2BAA2B,EACtC,WAAW,uBACX,UACA,UACA,kBAAkB,WACiC;CACnD,MAAM,CAAC,aAAa,kBAAkB,QAAM,SAAS,KAAK;CAE1D,MAAM,QAAQ,QAAM,cAA2C;EAC7D,MAAM,eAAe,OAAO,0BAA0B;EACtD,OAAO;GACL;GACA,aAAa,eACR,wBACD;GACJ,gBAAgB,qBAAqB,OAAO;GAC5C;EACF;CACF,GAAG;EAAC;EAAU;EAAa;EAAW;CAAqB,CAAC;CAE5D,OACE,oBAAC,uBAAuB,UAAxB;EAAwC;EACrC;CAC8B,CAAA;AAErC;AAMA,IAAM,2BAA2B,EAC/B,UAAU,OACV,GAAG,WACwD;CAG3D,MAAM,EAAE,aAAa,aAFD,QAAM,WAAW,sBAEH;CAElC,IAAI,aAAa,OAAO;CAExB,MAAM,QAAQ;EAAE,GAAI,YAAY,GAAG,kBAAkB,GAAG;EAAI,GAAG;CAAK;CAEpE,OAAO,oBADW,UAAU,OAAO,OAC5B,EAAW,GAAI,MAAQ,CAAA;AAChC;AAEA,IAAa,mBAAmB,EAC9B,WAAW,OACX,WACA,WACA,GAAG,WAIH,oBAAC,yBAAD;CACa;CACD;CACC;WAEX,oBAAC,yBAAD,EAAyB,GAAI,KAAO,CAAA;AACb,CAAA;AAG3B,gBAAgB,cAAc"}

package/dist/components/dismissible/DismissibleTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface IDismissibleTriggerProps {
+export interface DismissibleTriggerProps {
     asChild?: boolean;
 }
-export declare const DismissibleTrigger: ({ asChild, ...rest }: React.PropsWithChildren<IDismissibleTriggerProps>) => React.JSX.Element;
+export declare const DismissibleTrigger: ({ asChild, ...rest }: React.PropsWithChildren<DismissibleTriggerProps>) => React.JSX.Element;

package/dist/components/dismissible/DismissibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleTrigger.js","names":[],"sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleTriggerProps>) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"mappings":";;;;;AASA,IAAM,kBAAkB,UACtB,oBAAC,UAAD;CAAQ,MAAK;CAAS,GAAI;WAAO;CAExB,CAAA;AAGX,IAAa,sBAAsB,EACjC,UAAU,OACV,GAAG,WACoD;CACvD,MAAM,UAAU,QAAM,WAAW,uBAAuB;AACxD,KAAI,YAAY,KAAA,EACd,OAAM,IAAI,MACR,iEACD;CAGH,MAAM,EAAE,gBAAgB,UAAU,cAAc;CAEhD,MAAM,sBAAsB;AAC1B,iBAAe,KAAK;AACpB,eAAa;;CAGf,MAAM,QAAQ;EACF;EACV,SAAS;EACT,GAAG;EACJ;AAGD,QAAO,oBADW,UAAU,OAAO,gBAC5B,EAAW,GAAI,OAAS,CAAA"}
+{"version":3,"file":"DismissibleTrigger.js","names":[],"sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface DismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<DismissibleTriggerProps>) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"mappings":";;;;;AASA,IAAM,kBAAkB,UACtB,oBAAC,UAAD;CAAQ,MAAK;CAAS,GAAI;WAAO;AAEzB,CAAA;AAGV,IAAa,sBAAsB,EACjC,UAAU,OACV,GAAG,WACmD;CACtD,MAAM,UAAU,QAAM,WAAW,sBAAsB;CACvD,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MACR,gEACF;CAGF,MAAM,EAAE,gBAAgB,UAAU,cAAc;CAEhD,MAAM,sBAAsB;EAC1B,eAAe,IAAI;EACnB,YAAY;CACd;CAEA,MAAM,QAAQ;EACF;EACV,SAAS;EACT,GAAG;CACL;CAGA,OAAO,oBADW,UAAU,OAAO,gBAC5B,EAAW,GAAI,MAAQ,CAAA;AAChC"}

package/dist/components/dismissible/index.d.ts

@@ -1,6 +1,6 @@
 export declare const Dismissible: {
-    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleRoot").IDismissibleRootInternalProps & import("./DismissibleRoot").IDismissibleRootProps>): import("react").JSX.Element;
+    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleRoot").DismissibleRootInternalProps & import("./DismissibleRoot").DismissibleRootProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("./DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("./DismissibleTrigger").DismissibleTriggerProps>) => import("react").JSX.Element;
 };

package/dist/components/dismissible/index.js

@@ -1,7 +1,7 @@
 import { DismissibleRoot } from "./DismissibleRoot.js";
 import { DismissibleTrigger } from "./DismissibleTrigger.js";
 //#region src/components/dismissible/index.ts
-var Dismissible = Object.assign(DismissibleRoot, { Trigger: DismissibleTrigger });
+var Dismissible = /* @__PURE__ */ Object.assign(DismissibleRoot, { Trigger: DismissibleTrigger });
 //#endregion
 export { Dismissible };
 

package/dist/components/dismissible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\nexport const Dismissible = Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;AAGA,IAAa,cAAc,OAAO,OAAO,iBAAiB,EACxD,SAAS,oBACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\nexport const Dismissible = /* @__PURE__ */ Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;AAGA,IAAa,cAA8B,uBAAO,OAAO,iBAAiB,EACxE,SAAS,mBACX,CAAC"}

package/dist/components/dismissible-group/DismissibleGroupItem.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { Dismissible } from '../../components/dismissible';
-export type TDismissibleGroupItemProps = React.ComponentProps<typeof Dismissible> & {
+import { Dismissible } from '../dismissible';
+export type DismissibleGroupItemProps = React.ComponentProps<typeof Dismissible> & {
     value: string | number;
     disabled?: boolean;
 };
-export declare const DismissibleGroupItem: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<TDismissibleGroupItemProps>) => React.JSX.Element;
+export declare const DismissibleGroupItem: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<DismissibleGroupItemProps>) => React.JSX.Element;

package/dist/components/dismissible-group/DismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupItem.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: string | number\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}: React.PropsWithChildren<TDismissibleGroupItemProps>) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,wBAAwB,EACnC,UACA,OACA,UAAU,eAAe,OACzB,GAAG,WACsD;CACzD,MAAM,eAAe,QAAM,WAAW,wBAAwB;AAC9D,KAAI,iBAAiB,KAAA,EACnB,OAAM,IAAI,MACR,mEACD;CAEH,MAAM,EAAE,WAAW,UAAU,kBAAkB;AAC/C,QACE,oBAAC,aAAD;EACE,UAAU,iBAAiB;EAC3B,GAAI;EACJ,iBAAiB,UAAU,MAAM;EAEhC;EACW,CAAA"}
+{"version":3,"file":"DismissibleGroupItem.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '../dismissible'\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type DismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: string | number\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}: React.PropsWithChildren<DismissibleGroupItemProps>) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,wBAAwB,EACnC,UACA,OACA,UAAU,eAAe,OACzB,GAAG,WACqD;CACxD,MAAM,eAAe,QAAM,WAAW,uBAAuB;CAC7D,IAAI,iBAAiB,KAAA,GACnB,MAAM,IAAI,MACR,kEACF;CAEF,MAAM,EAAE,WAAW,UAAU,kBAAkB;CAC/C,OACE,oBAAC,aAAD;EACE,UAAU,iBAAiB;EAC3B,GAAI;EACJ,iBAAiB,UAAU,KAAK;EAE/B;CACU,CAAA;AAEjB"}

package/dist/components/dismissible-group/DismissibleGroupRoot.d.ts

@@ -1,18 +1,19 @@
 import * as React from 'react';
-export interface IDismissibleGroupContext {
+export interface DismissibleGroupContextValue {
     disabled?: boolean;
     onDismiss: (value: string | number) => void;
 }
-export declare const DismissibleGroupContext: React.Context<IDismissibleGroupContext>;
-export interface IDismissibleGroupProps {
+export declare const DismissibleGroupContext: React.Context<DismissibleGroupContextValue>;
+export interface DismissibleGroupProps {
     disabled?: boolean;
     onDismiss: (value: string | number) => void;
 }
-export declare const DismissibleGroupProvider: ({ children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleGroupProps>) => React.JSX.Element;
-export interface IDismissibleGroupRootProps extends IDismissibleGroupProps {
+export declare const DismissibleGroupProvider: ({ children, disabled, onDismiss }: React.PropsWithChildren<DismissibleGroupProps>) => React.JSX.Element;
+export interface DismissibleGroupRootProps extends DismissibleGroupProps {
     as?: React.ElementType;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export declare function DismissibleGroupRoot({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<DismissibleGroupRootProps>): React.JSX.Element;
+export declare namespace DismissibleGroupRoot {
+    var displayName: string;
 }
-export declare const DismissibleGroupRoot: {
-    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleGroupRootProps>): React.JSX.Element;
-    displayName: string;
-};

package/dist/components/dismissible-group/DismissibleGroupRoot.js

@@ -12,15 +12,13 @@ var DismissibleGroupProvider = ({ children, disabled, onDismiss }) => {
 		children
 	});
 };
-var DismissibleGroupRoot = ({ as: Component = "div", disabled, onDismiss, ...rest }) => {
-	return /* @__PURE__ */ jsx(DismissibleGroupProvider, {
-		disabled,
-		onDismiss,
-		children: /* @__PURE__ */ jsx(Component, { ...rest })
-	});
-};
+var DismissibleGroupRoot = ({ as: Component = "div", disabled, onDismiss, ...rest }) => /* @__PURE__ */ jsx(DismissibleGroupProvider, {
+	disabled,
+	onDismiss,
+	children: /* @__PURE__ */ jsx(Component, { ...rest })
+});
 DismissibleGroupRoot.displayName = "DismissibleGroup";
 //#endregion
-export { DismissibleGroupContext, DismissibleGroupRoot };
+export { DismissibleGroupContext, DismissibleGroupProvider, DismissibleGroupRoot };
 
 //# sourceMappingURL=DismissibleGroupRoot.js.map

package/dist/components/dismissible-group/DismissibleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupRoot.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\n\nexport const DismissibleGroupProvider = ({\n  children,\n  disabled,\n  onDismiss\n}: React.PropsWithChildren<IDismissibleGroupProps>) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ElementType\n}\n\nexport const DismissibleGroupRoot = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<IDismissibleGroupRootProps>) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n\nDismissibleGroupRoot.displayName = 'DismissibleGroup'\n"],"mappings":";;;AAMA,IAAa,0BACX,QAAM,cAAwC,EAC5C,iBAAiB,MAClB,CAAC;AAOJ,IAAa,4BAA4B,EACvC,UACA,UACA,gBACqD;CACrD,MAAM,QAAQ,QAAM,eACX;EAAE;EAAU;EAAW,GAC9B,CAAC,UAAU,UAAU,CACtB;AACD,QACE,oBAAC,wBAAwB,UAAzB;EAAyC;EACtC;EACgC,CAAA;;AAQvC,IAAa,wBAAwB,EACnC,IAAI,YAAY,OAChB,UACA,WACA,GAAG,WACsD;AACzD,QACE,oBAAC,0BAAD;EAAoC;EAAqB;YACvD,oBAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;EACE,CAAA;;AAI/B,qBAAqB,cAAc"}
+{"version":3,"file":"DismissibleGroupRoot.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface DismissibleGroupContextValue {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<DismissibleGroupContextValue>({\n    onDismiss: () => null\n  })\n\nexport interface DismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\n\nexport const DismissibleGroupProvider = ({\n  children,\n  disabled,\n  onDismiss\n}: React.PropsWithChildren<DismissibleGroupProps>) => {\n  const value = React.useMemo<DismissibleGroupContextValue>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface DismissibleGroupRootProps extends DismissibleGroupProps {\n  as?: React.ElementType\n  ref?: React.Ref<HTMLDivElement>\n}\n\nexport const DismissibleGroupRoot = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<DismissibleGroupRootProps>) => (\n  <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n    <Component {...rest} />\n  </DismissibleGroupProvider>\n)\n\nDismissibleGroupRoot.displayName = 'DismissibleGroup'\n"],"mappings":";;;AAMA,IAAa,0BACX,QAAM,cAA4C,EAChD,iBAAiB,KACnB,CAAC;AAOH,IAAa,4BAA4B,EACvC,UACA,UACA,gBACoD;CACpD,MAAM,QAAQ,QAAM,eACX;EAAE;EAAU;CAAU,IAC7B,CAAC,UAAU,SAAS,CACtB;CACA,OACE,oBAAC,wBAAwB,UAAzB;EAAyC;EACtC;CAC+B,CAAA;AAEtC;AAOA,IAAa,wBAAwB,EACnC,IAAI,YAAY,OAChB,UACA,WACA,GAAG,WAEH,oBAAC,0BAAD;CAAoC;CAAqB;WACvD,oBAAC,WAAD,EAAW,GAAI,KAAO,CAAA;AACE,CAAA;AAG5B,qBAAqB,cAAc"}

package/dist/components/dismissible-group/index.d.ts

@@ -1,7 +1,7 @@
 export declare const DismissibleGroup: {
-    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleGroupRoot").IDismissibleGroupRootProps>): import("react").JSX.Element;
+    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleGroupRoot").DismissibleGroupRootProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    Item: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<import("./DismissibleGroupItem").TDismissibleGroupItemProps>) => import("react").JSX.Element;
-    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("../../components/dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+    Item: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<import("./DismissibleGroupItem").DismissibleGroupItemProps>) => import("react").JSX.Element;
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("../dismissible/DismissibleTrigger").DismissibleTriggerProps>) => import("react").JSX.Element;
 };

package/dist/components/dismissible-group/index.js

@@ -2,7 +2,7 @@ import { DismissibleTrigger } from "../dismissible/DismissibleTrigger.js";
 import { DismissibleGroupRoot } from "./DismissibleGroupRoot.js";
 import { DismissibleGroupItem } from "./DismissibleGroupItem.js";
 //#region src/components/dismissible-group/index.ts
-var DismissibleGroup = Object.assign(DismissibleGroupRoot, {
+var DismissibleGroup = /* @__PURE__ */ Object.assign(DismissibleGroupRoot, {
 	Item: DismissibleGroupItem,
 	Trigger: DismissibleTrigger
 });

package/dist/components/dismissible-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\nexport const DismissibleGroup = Object.assign(DismissibleGroupRoot, {\n  Item: DismissibleGroupItem,\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;;AAKA,IAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,SAAS;CACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '../dismissible/DismissibleTrigger'\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\nexport const DismissibleGroup = /* @__PURE__ */ Object.assign(\n  DismissibleGroupRoot,\n  {\n    Item: DismissibleGroupItem,\n    Trigger: DismissibleTrigger\n  }\n)\n"],"mappings":";;;;AAIA,IAAa,mBAAmC,uBAAO,OACrD,sBACA;CACE,MAAM;CACN,SAAS;AACX,CACF"}

package/dist/components/divider/Divider.d.ts

@@ -1,11 +1,3 @@
-import React from 'react';
-export declare const StyledDivider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "orientation"> & {
-    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
-} & {
-    as?: React.ElementType;
+export declare const Divider: import("../..").PolymorphicComponent<"hr", {
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "horizontal" | "vertical">>) | undefined;
 }>;
-export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "orientation"> & {
-    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
-} & {
-    as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dist/components/divider/Divider.js

@@ -1,8 +1,6 @@
 import { styled } from "../../styled.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
 //#region src/components/divider/Divider.tsx
-var StyledDivider = styled("hr", {
+var Divider = styled("hr", {
 	base: ["border-none", "bg-grey-200"],
 	variants: { orientation: {
 		horizontal: ["h-px", "w-full"],
@@ -11,15 +9,9 @@ var StyledDivider = styled("hr", {
 			"min-h-8",
 			"w-px"
 		]
-	} }
-}, { enabledResponsiveVariants: true });
-var Divider = React.forwardRef(({ orientation = "horizontal", ...rest }, ref) => {
-	return /* @__PURE__ */ jsx(StyledDivider, {
-		ref,
-		orientation,
-		...rest
-	});
-});
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}, { enableResponsiveVariants: true });
 //#endregion
 export { Divider };
 

package/dist/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"mappings":";;;;AAIA,IAAa,gBAAgB,OAC3B,MACA;CACE,MAAM,CAAC,eAAe,cAAc;CACpC,UAAU,EACR,aAAa;EACX,YAAY,CAAC,QAAQ,SAAS;EAC9B,UAAU;GAAC;GAAU;GAAW;GAAO;EACxC,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAED,IAAa,UAAU,MAAM,YAG1B,EAAE,cAAc,cAAc,GAAG,QAAQ,QAAQ;AAClD,QAAO,oBAAC,eAAD;EAAoB;EAAkB;EAAa,GAAI;EAAQ,CAAA;EACtE"}
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const Divider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    },\n    defaultVariants: {\n      orientation: 'horizontal'\n    }\n  },\n  { enableResponsiveVariants: true }\n)\n"],"mappings":";;AAEA,IAAa,UAAU,OACrB,MACA;CACE,MAAM,CAAC,eAAe,aAAa;CACnC,UAAU,EACR,aAAa;EACX,YAAY,CAAC,QAAQ,QAAQ;EAC7B,UAAU;GAAC;GAAU;GAAW;EAAM;CACxC,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,GACA,EAAE,0BAA0B,KAAK,CACnC"}

package/dist/components/drawer/Drawer.context.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { StyledContent } from './DrawerContent';
-type TDrawerProviderProps = {
+type DrawerProviderProps = {
     position?: React.ComponentProps<typeof StyledContent>['position'];
 };
-export declare const DrawerContext: React.Context<TDrawerProviderProps>;
-export declare const DrawerProvider: ({ position, ...rest }: React.PropsWithChildren<TDrawerProviderProps>) => React.JSX.Element;
+export declare const DrawerContext: React.Context<DrawerProviderProps>;
+export declare const DrawerProvider: ({ position, ...rest }: React.PropsWithChildren<DrawerProviderProps>) => React.JSX.Element;
 export {};

package/dist/components/drawer/Drawer.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.context.js","names":[],"sources":["../../../src/components/drawer/Drawer.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { StyledContent } from './DrawerContent'\n\ntype TDrawerProviderProps = {\n  position?: React.ComponentProps<typeof StyledContent>['position']\n}\n\ntype TDrawerContext = TDrawerProviderProps\n\nexport const DrawerContext = React.createContext<TDrawerContext>({\n  position: 'left'\n})\n\nexport const DrawerProvider = ({\n  position = 'left',\n  ...rest\n}: React.PropsWithChildren<TDrawerProviderProps>): React.JSX.Element => {\n  const value = React.useMemo<TDrawerContext>(() => ({ position }), [position])\n  return <DrawerContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;;AAUA,IAAa,gBAAgB,QAAM,cAA8B,EAC/D,UAAU,QACX,CAAC;AAEF,IAAa,kBAAkB,EAC7B,WAAW,QACX,GAAG,WACmE;CACtE,MAAM,QAAQ,QAAM,eAA+B,EAAE,UAAU,GAAG,CAAC,SAAS,CAAC;AAC7E,QAAO,oBAAC,cAAc,UAAf;EAA+B;EAAO,GAAI;EAAQ,CAAA"}
+{"version":3,"file":"Drawer.context.js","names":[],"sources":["../../../src/components/drawer/Drawer.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { StyledContent } from './DrawerContent'\n\ntype DrawerProviderProps = {\n  position?: React.ComponentProps<typeof StyledContent>['position']\n}\n\ntype DrawerContext = DrawerProviderProps\n\nexport const DrawerContext = React.createContext<DrawerContext>({\n  position: 'left'\n})\n\nexport const DrawerProvider = ({\n  position = 'left',\n  ...rest\n}: React.PropsWithChildren<DrawerProviderProps>) => {\n  const value = React.useMemo<DrawerContext>(() => ({ position }), [position])\n  return <DrawerContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;;AAUA,IAAa,gBAAgB,QAAM,cAA6B,EAC9D,UAAU,OACZ,CAAC;AAED,IAAa,kBAAkB,EAC7B,WAAW,QACX,GAAG,WAC+C;CAClD,MAAM,QAAQ,QAAM,eAA8B,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC;CAC3E,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAO,GAAI;CAAO,CAAA;AAC1D"}

package/dist/components/drawer/Drawer.d.ts

@@ -1,20 +1,13 @@
 import { Root } from '@radix-ui/react-dialog';
-import React from 'react';
+import * as React from 'react';
 import { DrawerProvider } from './Drawer.context';
-type TDrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
-export declare const Drawer: {
-    ({ children, position, ...rest }: TDrawerProps): React.JSX.Element;
-    Close: (props: Omit<React.ComponentProps<typeof import("..").ActionIcon>, "children">) => React.JSX.Element;
+type DrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
+export declare const Drawer: (({ children, position, ...rest }: DrawerProps) => React.JSX.Element) & {
+    Close: ({ label, ...props }: Omit<React.ComponentProps<typeof import("..").ActionIcon>, 'children'>) => React.JSX.Element;
     Content: ({ children, ...rest }: React.ComponentProps<typeof import("./DrawerContent").StyledContent>) => React.JSX.Element;
-    Main: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-        as?: React.ElementType;
-    }>;
-    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-        as?: React.ElementType;
-    }>;
-    Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-        as?: React.ElementType;
-    }>;
+    Main: import("../..").PolymorphicComponent<"div", unknown>;
+    Header: import("../..").PolymorphicComponent<"div", unknown>;
+    Footer: import("../..").PolymorphicComponent<"div", unknown>;
     Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/components/drawer/Drawer.js

@@ -1,6 +1,6 @@
+import { DrawerContent } from "./DrawerContent.js";
 import { DrawerProvider } from "./Drawer.context.js";
 import { DrawerClose } from "./DrawerClose.js";
-import { DrawerContent } from "./DrawerContent.js";
 import { DrawerFooter } from "./DrawerFooter.js";
 import { DrawerHeader } from "./DrawerHeader.js";
 import { DrawerMain } from "./DrawerMain.js";
@@ -9,21 +9,21 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-dialog";
 //#region src/components/drawer/Drawer.tsx
-var Drawer = ({ children, position, ...rest }) => {
-	return /* @__PURE__ */ jsx(DrawerProvider, {
-		position,
-		children: /* @__PURE__ */ jsx(Root, {
-			...rest,
-			children
-		})
-	});
-};
-Drawer.Close = DrawerClose;
-Drawer.Content = DrawerContent;
-Drawer.Main = DrawerMain;
-Drawer.Header = DrawerHeader;
-Drawer.Footer = DrawerFooter;
-Drawer.Trigger = DrawerTrigger;
+var DrawerComponent = ({ children, position, ...rest }) => /* @__PURE__ */ jsx(DrawerProvider, {
+	position,
+	children: /* @__PURE__ */ jsx(Root, {
+		...rest,
+		children
+	})
+});
+var Drawer = /* @__PURE__ */ Object.assign(DrawerComponent, {
+	Close: DrawerClose,
+	Content: DrawerContent,
+	Main: DrawerMain,
+	Header: DrawerHeader,
+	Footer: DrawerFooter,
+	Trigger: DrawerTrigger
+});
 //#endregion
 export { Drawer };
 

package/dist/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { DrawerProvider } from './Drawer.context'\nimport { DrawerClose } from './DrawerClose'\nimport { DrawerContent } from './DrawerContent'\nimport { DrawerFooter } from './DrawerFooter'\nimport { DrawerHeader } from './DrawerHeader'\nimport { DrawerMain } from './DrawerMain'\nimport { DrawerTrigger } from './DrawerTrigger'\n\ntype TDrawerProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof DrawerProvider>\n\nexport const Drawer = ({\n  children,\n  position,\n  ...rest\n}: TDrawerProps): React.JSX.Element => {\n  return (\n    <DrawerProvider position={position}>\n      <Root {...rest}>{children}</Root>\n    </DrawerProvider>\n  )\n}\n\nDrawer.Close = DrawerClose\nDrawer.Content = DrawerContent\nDrawer.Main = DrawerMain\nDrawer.Header = DrawerHeader\nDrawer.Footer = DrawerFooter\nDrawer.Trigger = DrawerTrigger\n"],"mappings":";;;;;;;;;;;AAcA,IAAa,UAAU,EACrB,UACA,UACA,GAAG,WACkC;AACrC,QACE,oBAAC,gBAAD;EAA0B;YACxB,oBAAC,MAAD;GAAM,GAAI;GAAO;GAAgB,CAAA;EAClB,CAAA;;AAIrB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,OAAO;AACd,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU"}
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { DrawerProvider } from './Drawer.context'\nimport { DrawerClose } from './DrawerClose'\nimport { DrawerContent } from './DrawerContent'\nimport { DrawerFooter } from './DrawerFooter'\nimport { DrawerHeader } from './DrawerHeader'\nimport { DrawerMain } from './DrawerMain'\nimport { DrawerTrigger } from './DrawerTrigger'\n\ntype DrawerProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof DrawerProvider>\n\nconst DrawerComponent = ({ children, position, ...rest }: DrawerProps) => (\n  <DrawerProvider position={position}>\n    <Root {...rest}>{children}</Root>\n  </DrawerProvider>\n)\n\nexport const Drawer = /* @__PURE__ */ Object.assign(DrawerComponent, {\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Main: DrawerMain,\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Trigger: DrawerTrigger\n})\n"],"mappings":";;;;;;;;;;;AAcA,IAAM,mBAAmB,EAAE,UAAU,UAAU,GAAG,WAChD,oBAAC,gBAAD;CAA0B;WACxB,oBAAC,MAAD;EAAM,GAAI;EAAO;CAAe,CAAA;AAClB,CAAA;AAGlB,IAAa,SAAyB,uBAAO,OAAO,iBAAiB;CACnE,OAAO;CACP,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,SAAS;AACX,CAAC"}

package/dist/components/drawer/DrawerClose.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import * as React from 'react';
 import { ActionIcon } from '../action-icon/ActionIcon';
-export declare const DrawerClose: (props: Omit<React.ComponentProps<typeof ActionIcon>, "children">) => React.JSX.Element;
+export declare const DrawerClose: ({ label, ...props }: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>) => React.JSX.Element;

package/dist/components/drawer/DrawerClose.js

@@ -5,13 +5,14 @@ import { jsx } from "react/jsx-runtime";
 import { Close } from "@atom-learning/icons";
 import { Close as Close$1 } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerClose.tsx
-var DrawerClose = (props) => /* @__PURE__ */ jsx(Close$1, {
+var DrawerClose = ({ label = "Close", ...props }) => /* @__PURE__ */ jsx(Close$1, {
 	asChild: true,
 	children: /* @__PURE__ */ jsx(ActionIcon, {
 		theme: "neutral",
 		appearance: "simple",
 		size: "md",
 		hasTooltip: false,
+		label,
 		...props,
 		children: /* @__PURE__ */ jsx(Icon, { is: Close })
 	})

package/dist/components/drawer/DrawerClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const DrawerClose = (\n  props: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>\n) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme=\"neutral\"\n      appearance=\"simple\"\n      size=\"md\"\n      hasTooltip={false}\n      {...props}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"mappings":";;;;;;;AAOA,IAAa,eACX,UAEA,oBAAC,SAAD;CAAa,SAAA;WACX,oBAAC,YAAD;EACE,OAAM;EACN,YAAW;EACX,MAAK;EACL,YAAY;EACZ,GAAI;YAEJ,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;EACR,CAAA;CACD,CAAA"}
+{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const DrawerClose = ({\n  label = 'Close',\n  ...props\n}: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme=\"neutral\"\n      appearance=\"simple\"\n      size=\"md\"\n      hasTooltip={false}\n      label={label}\n      {...props}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"mappings":";;;;;;;AAOA,IAAa,eAAe,EAC1B,QAAQ,SACR,GAAG,YAEH,oBAAC,SAAD;CAAa,SAAA;WACX,oBAAC,YAAD;EACE,OAAM;EACN,YAAW;EACX,MAAK;EACL,YAAY;EACL;EACP,GAAI;YAEJ,oBAAC,MAAD,EAAM,IAAI,MAAQ,CAAA;CACR,CAAA;AACD,CAAA"}

package/dist/components/drawer/DrawerContent.d.ts

@@ -1,8 +1,6 @@
-import React from 'react';
-export declare const StyledContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "position" | "size"> & {
+import * as React from 'react';
+export declare const StyledContent: import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
     position?: "bottom" | "left" | "right" | "top" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | undefined;
-} & {
-    as?: React.ElementType;
+    size?: "2xl" | "3xl" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
 }>;
 export declare const DrawerContent: ({ children, ...rest }: React.ComponentProps<typeof StyledContent>) => React.JSX.Element;

package/dist/components/drawer/DrawerContent.js

@@ -1,8 +1,8 @@
 import { styled } from "../../styled.js";
 import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
-import { DrawerContext } from "./Drawer.context.js";
 import { DrawerOverlay } from "./DrawerOverlay.js";
-import React from "react";
+import { DrawerContext } from "./Drawer.context.js";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Portal } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerContent.tsx
@@ -60,7 +60,7 @@ var StyledContent = styled(Content, {
 	}
 });
 var DrawerContent = ({ children, ...rest }) => {
-	const { position } = React.useContext(DrawerContext);
+	const { position } = React$1.useContext(DrawerContext);
 	return /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(ColorScheme, {
 		base: "grey1",
 		accent: "primary1",
@@ -78,6 +78,6 @@ var DrawerContent = ({ children, ...rest }) => {
 	})] });
 };
 //#endregion
-export { DrawerContent };
+export { DrawerContent, StyledContent };
 
 //# sourceMappingURL=DrawerContent.js.map

package/dist/components/drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ColorScheme } from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n  base: [\n    'bg-(--base-1)',\n    'shadow-lg',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    position: {\n      top: [\n        '[--slide-direction-out-y:-100%]',\n        'top-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      right: [\n        '[--slide-direction-out-x:100%]',\n        'right-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ],\n      bottom: [\n        '[--slide-direction-out-y:100%]',\n        'bottom-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      left: [\n        '[--slide-direction-out-x:-100%]',\n        'left-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ]\n    },\n    size: {\n      xs: ['[--drawer-content-width:240px]'],\n      sm: ['[--drawer-content-width:256px]'],\n      md: ['[--drawer-content-width:288px]'],\n      lg: ['[--drawer-content-width:304px]'],\n      xl: ['[--drawer-content-width:320px]'],\n      '2xl': ['[--drawer-content-width:720px]'],\n      '3xl': ['[--drawer-content-width:1000px]']\n    }\n  }\n})\n\nexport const DrawerContent = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <div className=\"flex flex-col\">{children}</div>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,gBAAgB,OAAO,SAAS;CAC3C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,KAAK;IACH;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,OAAO,CAAC,iCAAiC;GACzC,OAAO,CAAC,kCAAkC;GAC3C;EACF;CACF,CAAC;AAEF,IAAa,iBAAiB,EAC5B,UACA,GAAG,WAC6C;CAChD,MAAM,EAAE,aAAa,MAAM,WAAW,cAAc;AAEpD,QACE,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,oBAAC,aAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,SAAA;YAC1C,oBAAC,eAAD;GAAe,MAAK;GAAe;GAAU,GAAI;GAAM,SAAA;aACrD,oBAAC,OAAD;IAAK,WAAU;IAAiB;IAAe,CAAA;GACjC,CAAA;EACJ,CAAA,CACP,EAAA,CAAA"}
+{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ColorScheme } from '../../experiments/color-scheme/ColorScheme'\nimport { styled } from '../../styled'\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n  base: [\n    'bg-(--base-1)',\n    'shadow-lg',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    position: {\n      top: [\n        '[--slide-direction-out-y:-100%]',\n        'top-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      right: [\n        '[--slide-direction-out-x:100%]',\n        'right-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ],\n      bottom: [\n        '[--slide-direction-out-y:100%]',\n        'bottom-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      left: [\n        '[--slide-direction-out-x:-100%]',\n        'left-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ]\n    },\n    size: {\n      xs: ['[--drawer-content-width:240px]'],\n      sm: ['[--drawer-content-width:256px]'],\n      md: ['[--drawer-content-width:288px]'],\n      lg: ['[--drawer-content-width:304px]'],\n      xl: ['[--drawer-content-width:320px]'],\n      '2xl': ['[--drawer-content-width:720px]'],\n      '3xl': ['[--drawer-content-width:1000px]']\n    }\n  }\n})\n\nexport const DrawerContent = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <div className=\"flex flex-col\">{children}</div>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,IAAa,gBAAgB,OAAO,SAAS;CAC3C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,UAAU;GACR,KAAK;IACH;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI,CAAC,gCAAgC;GACrC,IAAI,CAAC,gCAAgC;GACrC,IAAI,CAAC,gCAAgC;GACrC,IAAI,CAAC,gCAAgC;GACrC,IAAI,CAAC,gCAAgC;GACrC,OAAO,CAAC,gCAAgC;GACxC,OAAO,CAAC,iCAAiC;EAC3C;CACF;AACF,CAAC;AAED,IAAa,iBAAiB,EAC5B,UACA,GAAG,WAC6C;CAChD,MAAM,EAAE,aAAa,QAAM,WAAW,aAAa;CAEnD,OACE,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,oBAAC,aAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,SAAA;YAC1C,oBAAC,eAAD;GAAe,MAAK;GAAe;GAAU,GAAI;GAAM,SAAA;aACrD,oBAAC,OAAD;IAAK,WAAU;IAAiB;GAAc,CAAA;EACjC,CAAA;CACJ,CAAA,CACP,EAAA,CAAA;AAEZ"}