@atom-learning/components 8.0.3 → 8.1.1

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.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 = Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;AAGA,IAAa,cAAc,OAAO,OAAO,iBAAiB,EACxD,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,18 @@
 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;
 }
-export declare const DismissibleGroupRoot: {
-    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleGroupRootProps>): React.JSX.Element;
-    displayName: string;
-};
+export declare function DismissibleGroupRoot({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<DismissibleGroupRootProps>): React.JSX.Element;
+export declare namespace DismissibleGroupRoot {
+    var 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}\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;AAMA,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.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 = Object.assign(DismissibleGroupRoot, {\n  Item: DismissibleGroupItem,\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;;AAIA,IAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,SAAS;AACX,CAAC"}

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import * as 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;
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;
 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;
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dist/components/divider/Divider.js

@@ -1,5 +1,5 @@
 import { styled } from "../../styled.js";
-import React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/divider/Divider.tsx
 var StyledDivider = styled("hr", {
@@ -13,7 +13,7 @@ var StyledDivider = styled("hr", {
 		]
 	} }
 }, { enabledResponsiveVariants: true });
-var Divider = React.forwardRef(({ orientation = "horizontal", ...rest }, ref) => {
+var Divider = React$1.forwardRef(({ orientation = "horizontal", ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(StyledDivider, {
 		ref,
 		orientation,
@@ -21,6 +21,6 @@ var Divider = React.forwardRef(({ orientation = "horizontal", ...rest }, ref) =>
 	});
 });
 //#endregion
-export { Divider };
+export { Divider, StyledDivider };
 
 //# sourceMappingURL=Divider.js.map

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 * as 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,aAAa;CACnC,UAAU,EACR,aAAa;EACX,YAAY,CAAC,QAAQ,QAAQ;EAC7B,UAAU;GAAC;GAAU;GAAW;EAAM;CACxC,EACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAEA,IAAa,UAAU,QAAM,YAG1B,EAAE,cAAc,cAAc,GAAG,QAAQ,QAAQ;CAClD,OAAO,oBAAC,eAAD;EAAoB;EAAkB;EAAa,GAAI;CAAO,CAAA;AACvE,CAAC"}

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,20 @@
 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;
-    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;
-    }>;
-    Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+import { DrawerClose } from './DrawerClose';
+import { DrawerContent } from './DrawerContent';
+import { DrawerFooter } from './DrawerFooter';
+import { DrawerHeader } from './DrawerHeader';
+import { DrawerMain } from './DrawerMain';
+import { DrawerTrigger } from './DrawerTrigger';
+type DrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
+export declare function Drawer({ children, position, ...rest }: DrawerProps): React.JSX.Element;
+export declare namespace Drawer {
+    export { DrawerClose as Close };
+    export { DrawerContent as Content };
+    export { DrawerMain as Main };
+    export { DrawerHeader as Header };
+    export { DrawerFooter as Footer };
+    export { DrawerTrigger as Trigger };
+}
 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,15 +9,13 @@ 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
-		})
-	});
-};
+var Drawer = ({ children, position, ...rest }) => /* @__PURE__ */ jsx(DrawerProvider, {
+	position,
+	children: /* @__PURE__ */ jsx(Root, {
+		...rest,
+		children
+	})
+});
 Drawer.Close = DrawerClose;
 Drawer.Content = DrawerContent;
 Drawer.Main = DrawerMain;

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\nexport const Drawer = ({ children, position, ...rest }: DrawerProps) => (\n  <DrawerProvider position={position}>\n    <Root {...rest}>{children}</Root>\n  </DrawerProvider>\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,EAAE,UAAU,UAAU,GAAG,WAC9C,oBAAC,gBAAD;CAA0B;WACxB,oBAAC,MAAD;EAAM,GAAI;EAAO;CAAe,CAAA;AAClB,CAAA;AAGlB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,OAAO;AACd,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU"}

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: (props: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>) => React.JSX.Element;

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  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,MAAQ,CAAA;CACR,CAAA;AACD,CAAA"}

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

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

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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerFooter.js","names":[],"sources":["../../../src/components/drawer/DrawerFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerFooter = styled('div', {\n  base: ['p-4', 'w-full', 'border-t', 'border-t-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAsB,EAC3D,CAAC"}
+{"version":3,"file":"DrawerFooter.js","names":[],"sources":["../../../src/components/drawer/DrawerFooter.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerFooter = styled('div', {\n  base: ['p-4', 'w-full', 'border-t', 'border-t-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;AAAqB,EAC3D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.js","names":[],"sources":["../../../src/components/drawer/DrawerHeader.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerHeader = styled('div', {\n  base: ['p-4', 'w-full', 'min-h-16', 'border-b', 'border-b-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAY;CAAsB,EACvE,CAAC"}
+{"version":3,"file":"DrawerHeader.js","names":[],"sources":["../../../src/components/drawer/DrawerHeader.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerHeader = styled('div', {\n  base: ['p-4', 'w-full', 'min-h-16', 'border-b', 'border-b-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAY;AAAqB,EACvE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerMain.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerMain = styled('div', {\n  base: ['p-4', 'w-full', 'grow', 'overflow-y-auto']\n})\n"],"mappings":";;AAEA,IAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CAAC;CAAO;CAAU;CAAQ;CAAkB,EACnD,CAAC"}
+{"version":3,"file":"DrawerMain.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerMain = styled('div', {\n  base: ['p-4', 'w-full', 'grow', 'overflow-y-auto']\n})\n"],"mappings":";;AAEA,IAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CAAC;CAAO;CAAU;CAAQ;AAAiB,EACnD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/styled'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nexport const DrawerOverlay = styled(Overlay, { base: backdropOverlay })\n"],"mappings":";;;;AAKA,IAAa,gBAAgB,OAAO,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { styled } from '../../styled'\nimport { backdropOverlay } from '../../utilities/style/backdrop-overlay'\n\nexport const DrawerOverlay = styled(Overlay, { base: backdropOverlay })\n"],"mappings":";;;;AAKA,IAAa,gBAAgB,OAAO,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
 export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
     Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
@@ -9,10 +9,10 @@ export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-men
         as?: React.ElementType;
     }>;
     Label: {
-        ({ className, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...rest }: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
-    LinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+    LinkItem: ({ children, href, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & {
         href: string;
     }) => React.JSX.Element;
     Portal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -4,6 +4,7 @@ import { DropdownMenuLabel } from "./DropdownMenuLabel.js";
 import { DropdownMenuLinkItem } from "./DropdownMenuLinkItem.js";
 import { DropdownMenuSeparator } from "./DropdownMenuSeparator.js";
 import { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
+import "react";
 import { Group, Portal, Root } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenu.tsx
 var DropdownMenu = Object.assign(Root, {

package/dist/components/dropdown-menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Group,\n  Portal,\n  Root as DropdownMenuRoot\n} from '@radix-ui/react-dropdown-menu'\nimport React from 'react'\n\nimport { DropdownMenuContent } from './DropdownMenuContent'\nimport { DropdownMenuItem } from './DropdownMenuItem'\nimport { DropdownMenuLabel } from './DropdownMenuLabel'\nimport { DropdownMenuLinkItem } from './DropdownMenuLinkItem'\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator'\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger'\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Content: DropdownMenuContent,\n  Group: Group,\n  Item: DropdownMenuItem,\n  Label: DropdownMenuLabel,\n  LinkItem: DropdownMenuLinkItem,\n  Portal: Portal,\n  Separator: DropdownMenuSeparator,\n  Trigger: DropdownMenuTrigger\n})\n"],"mappings":";;;;;;;;AAcA,IAAa,eAAe,OAAO,OAAO,MAAkB;CAC1D,SAAS;CACF;CACP,MAAM;CACN,OAAO;CACP,UAAU;CACF;CACR,WAAW;CACX,SAAS;CACV,CAAC"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Group,\n  Portal,\n  Root as DropdownMenuRoot\n} from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { DropdownMenuContent } from './DropdownMenuContent'\nimport { DropdownMenuItem } from './DropdownMenuItem'\nimport { DropdownMenuLabel } from './DropdownMenuLabel'\nimport { DropdownMenuLinkItem } from './DropdownMenuLinkItem'\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator'\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger'\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Content: DropdownMenuContent,\n  Group: Group,\n  Item: DropdownMenuItem,\n  Label: DropdownMenuLabel,\n  LinkItem: DropdownMenuLinkItem,\n  Portal: Portal,\n  Separator: DropdownMenuSeparator,\n  Trigger: DropdownMenuTrigger\n})\n"],"mappings":";;;;;;;;;AAcA,IAAa,eAAe,OAAO,OAAO,MAAkB;CAC1D,SAAS;CACF;CACP,MAAM;CACN,OAAO;CACP,UAAU;CACF;CACR,WAAW;CACX,SAAS;AACX,CAAC"}

package/dist/components/dropdown-menu/DropdownMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuContent = styled(Content, {\n  base: [\n    'bg-white',\n    'rounded-sm',\n    'shadow-sm',\n    'py-2',\n    'z-10',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuContent = styled(Content, {\n  base: [\n    'bg-white',\n    'rounded-sm',\n    'shadow-sm',\n    'py-2',\n    'z-10',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/components/dropdown-menu/DropdownMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuItem = styled(Item, {\n  base: [\n    'items-center',\n    'text-grey-1000',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-normal',\n    'relative',\n    'px-3',\n    'py-2',\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:opacity-30',\n    'data-disabled:pointer-events-none',\n    'aria-[current=page]:before:absolute',\n    'aria-[current=page]:before:border-l-2',\n    'aria-[current=page]:before:border-l-current',\n    \"aria-[current=page]:before:content-['']\",\n    'aria-[current=page]:before:h-6',\n    'aria-[current=page]:before:left-0',\n    'aria-[current=page]:before:outline-none',\n    'aria-[current=page]:before:scale-100',\n    'focus:before:absolute',\n    'focus:before:border-l-2',\n    'focus:before:border-l-current',\n    \"focus:before:content-['']\",\n    'focus:before:h-6',\n    'focus:before:left-0',\n    'focus:before:outline-none',\n    'focus:before:scale-100',\n    'focus:outline-none',\n    'focus:text-primary-900',\n    'hover:underline'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAmB,OAAO,MAAM,EAC3C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuItem = styled(Item, {\n  base: [\n    'items-center',\n    'text-grey-1000',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-normal',\n    'relative',\n    'px-3',\n    'py-2',\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:opacity-30',\n    'data-disabled:pointer-events-none',\n    'aria-[current=page]:before:absolute',\n    'aria-[current=page]:before:border-l-2',\n    'aria-[current=page]:before:border-l-current',\n    \"aria-[current=page]:before:content-['']\",\n    'aria-[current=page]:before:h-6',\n    'aria-[current=page]:before:left-0',\n    'aria-[current=page]:before:outline-none',\n    'aria-[current=page]:before:scale-100',\n    'focus:before:absolute',\n    'focus:before:border-l-2',\n    'focus:before:border-l-current',\n    \"focus:before:content-['']\",\n    'focus:before:h-6',\n    'focus:before:left-0',\n    'focus:before:outline-none',\n    'focus:before:scale-100',\n    'focus:outline-none',\n    'focus:text-primary-900',\n    'hover:underline'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAmB,OAAO,MAAM,EAC3C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/components/dropdown-menu/DropdownMenuLabel.d.ts

@@ -1,8 +1,8 @@
 import { Label } from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
 type DropdownMenuLabelProps = React.ComponentProps<typeof Label>;
-export declare const DropdownMenuLabel: {
-    ({ className, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function DropdownMenuLabel({ className, ...rest }: DropdownMenuLabelProps): React.JSX.Element;
+export declare namespace DropdownMenuLabel {
+    var displayName: string;
+}
 export {};

package/dist/components/dropdown-menu/DropdownMenuLabel.js

@@ -4,11 +4,11 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Label } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuLabel.tsx
-var DropdownMenuLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Text, {
+var DropdownMenuLabel = ({ className, ...rest }) => /* @__PURE__ */ jsx(Text, {
 	as: Label,
 	size: "sm",
 	className: cn("px-3", "py-2", "text-text-subtle", className),
-	...props
+	...rest
 });
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
 //#endregion

package/dist/components/dropdown-menu/DropdownMenuLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLabel.tsx"],"sourcesContent":["import { Label } from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { Text } from '../text/Text'\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof Label>\n\nexport const DropdownMenuLabel = ({\n  className,\n  ...props\n}: DropdownMenuLabelProps) => (\n  <Text\n    as={Label}\n    size=\"sm\"\n    className={cn('px-3', 'py-2', 'text-text-subtle', className)}\n    {...props}\n  />\n)\n\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n"],"mappings":";;;;;;AASA,IAAa,qBAAqB,EAChC,WACA,GAAG,YAEH,oBAAC,MAAD;CACE,IAAI;CACJ,MAAK;CACL,WAAW,GAAG,QAAQ,QAAQ,oBAAoB,UAAU;CAC5D,GAAI;CACJ,CAAA;AAGJ,kBAAkB,cAAc"}
+{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLabel.tsx"],"sourcesContent":["import { Label } from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { cn } from '../../styled'\nimport { Text } from '../text/Text'\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof Label>\n\nexport const DropdownMenuLabel = ({\n  className,\n  ...rest\n}: DropdownMenuLabelProps) => (\n  <Text\n    as={Label}\n    size=\"sm\"\n    className={cn('px-3', 'py-2', 'text-text-subtle', className)}\n    {...rest}\n  />\n)\n\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n"],"mappings":";;;;;;AAQA,IAAa,qBAAqB,EAChC,WACA,GAAG,WAEH,oBAAC,MAAD;CACE,IAAI;CACJ,MAAK;CACL,WAAW,GAAG,QAAQ,QAAQ,oBAAoB,SAAS;CAC3D,GAAI;AACL,CAAA;AAGH,kBAAkB,cAAc"}

package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import * as React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
-export declare const DropdownMenuLinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+export declare const DropdownMenuLinkItem: ({ children, href, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & {
     href: string;
 }) => React.JSX.Element;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -5,8 +5,8 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
 var StyledLink = styled("a", { base: ["no-underline"] });
-var DropdownMenuLinkItem = ({ children, href, ...props }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-	...props,
+var DropdownMenuLinkItem = ({ children, href, ...rest }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+	...rest,
 	asChild: true,
 	children: /* @__PURE__ */ jsx(StyledLink, {
 		href,

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...props} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAOA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,eAAe,EACvB,CAAC;AAEF,IAAa,wBAAwB,EACnC,UACA,MACA,GAAG,YAEH,oBAAC,kBAAD;CAAkB,GAAI;CAAO,SAAA;WAC3B,oBAAC,YAAD;EAAkB;EAAM,MAAK;EAAW,GAAI,uBAAuB,KAAK;EACrE;EACU,CAAA;CACI,CAAA"}
+{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...rest\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...rest} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAa,wBAAwB,EACnC,UACA,MACA,GAAG,WAEH,oBAAC,kBAAD;CAAkB,GAAI;CAAM,SAAA;WAC1B,oBAAC,YAAD;EAAkB;EAAM,MAAK;EAAW,GAAI,uBAAuB,IAAI;EACpE;CACS,CAAA;AACI,CAAA"}

package/dist/components/dropdown-menu/DropdownMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuSeparator = styled(Separator, {\n  base: ['h-px', 'bg-grey-600', 'my-2']\n})\n"],"mappings":";;;AAIA,IAAa,wBAAwB,OAAO,WAAW,EACrD,MAAM;CAAC;CAAQ;CAAe;CAAO,EACtC,CAAC"}
+{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuSeparator = styled(Separator, {\n  base: ['h-px', 'bg-grey-600', 'my-2']\n})\n"],"mappings":";;;AAIA,IAAa,wBAAwB,OAAO,WAAW,EACrD,MAAM;CAAC;CAAQ;CAAe;AAAM,EACtC,CAAC"}

package/dist/components/dropdown-menu/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuTrigger = styled(Trigger, {\n  base: ['disabled:cursor-not-allowed', 'disabled:opacity-30']\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM,CAAC,+BAA+B,sBAAsB,EAC7D,CAAC"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuTrigger = styled(Trigger, {\n  base: ['disabled:cursor-not-allowed', 'disabled:opacity-30']\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM,CAAC,+BAA+B,qBAAqB,EAC7D,CAAC"}

package/dist/components/empty-state/EmptyState.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.context.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { EmptyStateProps } from './EmptyState'\n\ntype EmptyStateProviderProps = {\n  size?: EmptyStateProps['size']\n}\n\ntype EmptyStateContextValue = EmptyStateProviderProps\n\nexport const EmptyStateContext = React.createContext<EmptyStateContextValue>({})\n\nexport const EmptyStateProvider = ({\n  size,\n  children\n}: React.PropsWithChildren<EmptyStateProviderProps>) => {\n  const value = React.useMemo<EmptyStateContextValue>(() => ({ size }), [size])\n  return (\n    <EmptyStateContext.Provider value={value}>\n      {children}\n    </EmptyStateContext.Provider>\n  )\n}\n"],"mappings":";;;AAUA,IAAa,oBAAoB,QAAM,cAAsC,EAAE,CAAC;AAEhF,IAAa,sBAAsB,EACjC,MACA,eACsD;CACtD,MAAM,QAAQ,QAAM,eAAuC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAC7E,QACE,oBAAC,kBAAkB,UAAnB;EAAmC;EAChC;EAC0B,CAAA"}
+{"version":3,"file":"EmptyState.context.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { EmptyStateProps } from './EmptyState'\n\ntype EmptyStateProviderProps = {\n  size?: EmptyStateProps['size']\n}\n\ntype EmptyStateContextValue = EmptyStateProviderProps\n\nexport const EmptyStateContext = React.createContext<EmptyStateContextValue>({})\n\nexport const EmptyStateProvider = ({\n  size,\n  children\n}: React.PropsWithChildren<EmptyStateProviderProps>) => {\n  const value = React.useMemo<EmptyStateContextValue>(() => ({ size }), [size])\n  return (\n    <EmptyStateContext.Provider value={value}>\n      {children}\n    </EmptyStateContext.Provider>\n  )\n}\n"],"mappings":";;;AAUA,IAAa,oBAAoB,QAAM,cAAsC,CAAC,CAAC;AAE/E,IAAa,sBAAsB,EACjC,MACA,eACsD;CACtD,MAAM,QAAQ,QAAM,eAAuC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CAC5E,OACE,oBAAC,kBAAkB,UAAnB;EAAmC;EAChC;CACyB,CAAA;AAEhC"}