@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/navigation/tabs/components/tabs-trigger/TabsTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),g=require("react"),m=require("@base-ui/react/tabs"),c=require("./styles/TabsTrigger.css.cjs"),p=require("../../context/TabsVariant.context.cjs"),t=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const x=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../../../../../utils/cn.cjs"),o=g.memo(({className:T,style:e,width:r,label:i,startIcon:a,endIcon:n,value:u,...q})=>{const{variant:b}=p.useTabsVariant();return s.jsxs(m.Tabs.Tab,{value:u,className:j.cn(c.TABS_TRIGGER_STYLES.recipe({variant:b}),T),style:r!==void 0?{...e,width:r}:e,...q,children:[a&&s.jsx(t,{icon:a,size:"sm"}),i&&s.jsx(x,{as:"span",variant:"span",fontSize:"sm",className:c.tabsTriggerLabel,children:i}),n&&s.jsx(t,{icon:n,size:"sm"})]})});o.displayName="Tabs.Trigger";module.exports=o;
+//# sourceMappingURL=TabsTrigger.cjs.map

package/dist/components/navigation/tabs/components/tabs-trigger/TabsTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.cjs","sources":["../../../../../../src/components/navigation/tabs/components/tabs-trigger/TabsTrigger.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_TRIGGER_STYLES, tabsTriggerLabel } from '@components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.ts'\r\nimport type { TabsTriggerProps } from '@components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.ts'\r\nimport { useTabsVariant } from '@components/navigation/tabs/context/TabsVariant.context.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Activates its associated tab panel when clicked or focused and activated\r\n * via keyboard. Automatically matches the visual style of its parent\r\n * `Tabs.List`.\r\n */\r\nconst TabsTrigger: FC<TabsTriggerProps> = memo(({ className, style, width, label, startIcon, endIcon, value, ...props }) => {\r\n    const { variant } = useTabsVariant()\r\n\r\n    return (\r\n        <BaseTabs.Tab\r\n            value={value}\r\n            className={cn(TABS_TRIGGER_STYLES.recipe({ variant }), className)}\r\n            style={width !== undefined ? { ...style, width } : style}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'sm'}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={tabsTriggerLabel}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={'sm'}\r\n                />\r\n            )}\r\n        </BaseTabs.Tab>\r\n    )\r\n})\r\n\r\nTabsTrigger.displayName = 'Tabs.Trigger'\r\n\r\nexport default TabsTrigger\r\n"],"names":["TabsTrigger","memo","className","style","width","label","startIcon","endIcon","value","props","variant","useTabsVariant","jsxs","BaseTabs","cn","TABS_TRIGGER_STYLES","jsx","Icon","Typography","tabsTriggerLabel"],"mappings":"0eAgBMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,GAAGC,KAAY,CACxH,KAAM,CAAE,QAAAC,CAAA,EAAYC,iBAAA,EAEpB,OACIC,EAAAA,KAACC,EAAAA,KAAS,IAAT,CACG,MAAAL,EACA,UAAWM,EAAAA,GAAGC,sBAAoB,OAAO,CAAE,QAAAL,CAAA,CAAS,EAAGR,CAAS,EAChE,MAAOE,IAAU,OAAY,CAAE,GAAGD,EAAO,MAAAC,GAAUD,EAClD,GAAGM,EAEH,SAAA,CAAAH,GACGU,EAAAA,IAACC,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,EAGbD,GACGW,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWC,EAAAA,iBAEV,SAAAd,CAAA,CAAA,EAGRE,GACGS,EAAAA,IAACC,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CAAA,CAIhB,CAAC,EAEDP,EAAY,YAAc"}

package/dist/components/navigation/tabs/components/tabs-trigger/TabsTrigger.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TabsTriggerProps } from './types/TabsTrigger.props.ts';
+/**
+ * Activates its associated tab panel when clicked or focused and activated
+ * via keyboard. Automatically matches the visual style of its parent
+ * `Tabs.List`.
+ */
+declare const TabsTrigger: FC<TabsTriggerProps>;
+export default TabsTrigger;

package/dist/components/navigation/tabs/components/tabs-trigger/TabsTrigger.js

@@ -0,0 +1,53 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { Tabs as g } from "@base-ui/react/tabs";
+import { tabsTriggerLabel as b, TABS_TRIGGER_STYLES as l } from "./styles/TabsTrigger.css.js";
+import { useTabsVariant as S } from "../../context/TabsVariant.context.js";
+import e from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import d from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as u } from "../../../../../utils/cn.js";
+const v = c(({ className: p, style: m, width: o, label: i, startIcon: s, endIcon: a, value: t, ...n }) => {
+  const { variant: T } = S();
+  return /* @__PURE__ */ f(
+    g.Tab,
+    {
+      value: t,
+      className: u(l.recipe({ variant: T }), p),
+      style: o !== void 0 ? { ...m, width: o } : m,
+      ...n,
+      children: [
+        s && /* @__PURE__ */ r(
+          e,
+          {
+            icon: s,
+            size: "sm"
+          }
+        ),
+        i && /* @__PURE__ */ r(
+          d,
+          {
+            as: "span",
+            variant: "span",
+            fontSize: "sm",
+            className: b,
+            children: i
+          }
+        ),
+        a && /* @__PURE__ */ r(
+          e,
+          {
+            icon: a,
+            size: "sm"
+          }
+        )
+      ]
+    }
+  );
+});
+v.displayName = "Tabs.Trigger";
+export {
+  v as default
+};
+//# sourceMappingURL=TabsTrigger.js.map

package/dist/components/navigation/tabs/components/tabs-trigger/TabsTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.js","sources":["../../../../../../src/components/navigation/tabs/components/tabs-trigger/TabsTrigger.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_TRIGGER_STYLES, tabsTriggerLabel } from '@components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.ts'\r\nimport type { TabsTriggerProps } from '@components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.ts'\r\nimport { useTabsVariant } from '@components/navigation/tabs/context/TabsVariant.context.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Activates its associated tab panel when clicked or focused and activated\r\n * via keyboard. Automatically matches the visual style of its parent\r\n * `Tabs.List`.\r\n */\r\nconst TabsTrigger: FC<TabsTriggerProps> = memo(({ className, style, width, label, startIcon, endIcon, value, ...props }) => {\r\n    const { variant } = useTabsVariant()\r\n\r\n    return (\r\n        <BaseTabs.Tab\r\n            value={value}\r\n            className={cn(TABS_TRIGGER_STYLES.recipe({ variant }), className)}\r\n            style={width !== undefined ? { ...style, width } : style}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={'sm'}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={tabsTriggerLabel}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={'sm'}\r\n                />\r\n            )}\r\n        </BaseTabs.Tab>\r\n    )\r\n})\r\n\r\nTabsTrigger.displayName = 'Tabs.Trigger'\r\n\r\nexport default TabsTrigger\r\n"],"names":["TabsTrigger","memo","className","style","width","label","startIcon","endIcon","value","props","variant","useTabsVariant","jsxs","BaseTabs","cn","TABS_TRIGGER_STYLES","jsx","Icon","Typography","tabsTriggerLabel"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,GAAGC,QAAY;AACxH,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACI,gBAAAC;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,OAAAL;AAAA,MACA,WAAWM,EAAGC,EAAoB,OAAO,EAAE,SAAAL,EAAA,CAAS,GAAGR,CAAS;AAAA,MAChE,OAAOE,MAAU,SAAY,EAAE,GAAGD,GAAO,OAAAC,MAAUD;AAAA,MAClD,GAAGM;AAAA,MAEH,UAAA;AAAA,QAAAH,KACG,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMX;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbD,KACG,gBAAAW;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,WAAWC;AAAA,YAEV,UAAAd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRE,KACG,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMV;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDP,EAAY,cAAc;"}

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"wm7hyt0",variantClassNames:{variant:{default:"wm7hyt1",pills:"wm7hyt2"}},defaultVariants:{variant:"default"},compoundVariants:[]})},t="wm7hyt3";exports.TABS_TRIGGER_STYLES=a;exports.tabsTriggerLabel=t;
+//# sourceMappingURL=TabsTrigger.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.d.ts

@@ -0,0 +1,61 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TABS_TRIGGER_STYLES: {
+    recipe: RuntimeFn<{
+        variant: {
+            default: {
+                marginBottom: "-1px";
+                borderBottom: "2px solid transparent";
+                borderRadius: `var(--${string}) var(--${string}) 0 0`;
+                selectors: {
+                    '&:not([data-disabled]):not([data-active]):hover': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&:not([data-disabled]):not([data-active]):active': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&[data-active]': {
+                        borderBottomColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&[data-active][data-disabled]': {
+                        borderBottomColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                };
+            };
+            pills: {
+                borderRadius: `var(--${string})`;
+                selectors: {
+                    '&:not([data-disabled]):not([data-active]):hover': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&:not([data-disabled]):not([data-active]):active': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&[data-active]': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&:not([data-disabled])[data-active]:hover': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&:not([data-disabled])[data-active]:active': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    '&[data-active][data-disabled]': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                };
+            };
+        };
+    }>;
+};
+export declare const tabsTriggerLabel: string;
+export type TabsTriggerRecipeVariants = NonNullable<RecipeVariants<typeof TABS_TRIGGER_STYLES.recipe>>;

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js

@@ -0,0 +1,9 @@
+/* empty css                                                  */
+/* empty css                               */
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+var i = { recipe: a({ defaultClassName: "wm7hyt0", variantClassNames: { variant: { default: "wm7hyt1", pills: "wm7hyt2" } }, defaultVariants: { variant: "default" }, compoundVariants: [] }) }, m = "wm7hyt3";
+export {
+  i as TABS_TRIGGER_STYLES,
+  m as tabsTriggerLabel
+};
+//# sourceMappingURL=TabsTrigger.css.js.map

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.d.ts

@@ -0,0 +1,12 @@
+import { Tabs } from '@base-ui/react/tabs';
+import { CSSProperties } from 'react';
+export type TabsTriggerProps = Omit<Tabs.Tab.Props, 'children' | 'render'> & {
+    /** Overrides the default content-based (`fit-content`) width of the trigger. */
+    width?: CSSProperties['width'];
+    /** The text content rendered inside the trigger via the Typography component. */
+    label?: string;
+    /** Iconify icon name rendered before the label. */
+    startIcon?: string;
+    /** Iconify icon name rendered after the label. */
+    endIcon?: string;
+};

package/dist/components/navigation/tabs/context/TabsVariant.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({variant:"default"}),a=()=>t.useContext(e);exports.TabsVariantContext=e;exports.useTabsVariant=a;
+//# sourceMappingURL=TabsVariant.context.cjs.map

package/dist/components/navigation/tabs/context/TabsVariant.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsVariant.context.cjs","sources":["../../../../../src/components/navigation/tabs/context/TabsVariant.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nexport type TabsVariant = 'default' | 'pills';\r\n\r\nexport type TabsVariantContextValue = {\r\n  variant: TabsVariant;\r\n};\r\n\r\nexport const TabsVariantContext = createContext<TabsVariantContextValue>({\r\n    variant: 'default',\r\n})\r\n\r\nexport const useTabsVariant = (): TabsVariantContextValue =>\r\n    useContext(TabsVariantContext)\r\n"],"names":["TabsVariantContext","createContext","useTabsVariant","useContext"],"mappings":"yGAQaA,EAAqBC,EAAAA,cAAuC,CACrE,QAAS,SACb,CAAC,EAEYC,EAAiB,IAC1BC,EAAAA,WAAWH,CAAkB"}

package/dist/components/navigation/tabs/context/TabsVariant.context.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+export type TabsVariant = 'default' | 'pills';
+export type TabsVariantContextValue = {
+    variant: TabsVariant;
+};
+export declare const TabsVariantContext: Context<TabsVariantContextValue>;
+export declare const useTabsVariant: () => TabsVariantContextValue;

package/dist/components/navigation/tabs/context/TabsVariant.context.js

@@ -0,0 +1,9 @@
+import { createContext as t, useContext as a } from "react";
+const e = t({
+  variant: "default"
+}), o = () => a(e);
+export {
+  e as TabsVariantContext,
+  o as useTabsVariant
+};
+//# sourceMappingURL=TabsVariant.context.js.map

package/dist/components/navigation/tabs/context/TabsVariant.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsVariant.context.js","sources":["../../../../../src/components/navigation/tabs/context/TabsVariant.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nexport type TabsVariant = 'default' | 'pills';\r\n\r\nexport type TabsVariantContextValue = {\r\n  variant: TabsVariant;\r\n};\r\n\r\nexport const TabsVariantContext = createContext<TabsVariantContextValue>({\r\n    variant: 'default',\r\n})\r\n\r\nexport const useTabsVariant = (): TabsVariantContextValue =>\r\n    useContext(TabsVariantContext)\r\n"],"names":["TabsVariantContext","createContext","useTabsVariant","useContext"],"mappings":";AAQO,MAAMA,IAAqBC,EAAuC;AAAA,EACrE,SAAS;AACb,CAAC,GAEYC,IAAiB,MAC1BC,EAAWH,CAAkB;"}

package/dist/components/navigation/tabs/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Tabs } from './Tabs.tsx';
+export { TABS_CONTENT_STYLES } from './components/tabs-content/styles/TabsContent.css.ts';
+export { TABS_LIST_STYLES } from './components/tabs-list/styles/TabsList.css.ts';
+export { TABS_TRIGGER_STYLES } from './components/tabs-trigger/styles/TabsTrigger.css.ts';
+export type { TabsProps } from './types/Tabs.props.ts';
+export type { TabsContentProps } from './components/tabs-content/types/TabsContent.props.ts';
+export type { TabsListProps } from './components/tabs-list/types/TabsList.props.ts';
+export type { TabsTriggerProps } from './components/tabs-trigger/types/TabsTrigger.props.ts';
+export type { TabsVariant } from './context/TabsVariant.context.ts';

package/dist/components/navigation/tabs/types/Tabs.props.d.ts

@@ -0,0 +1,2 @@
+import { Tabs } from '@base-ui/react/tabs';
+export type TabsProps = Tabs.Root.Props;

package/dist/components/navigation/tabs/types/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { default as TabsContent } from '../components/tabs-content/TabsContent.tsx';
+import { default as TabsList } from '../components/tabs-list/TabsList.tsx';
+import { default as TabsTrigger } from '../components/tabs-trigger/TabsTrigger.tsx';
+import { TabsProps } from './Tabs.props.ts';
+export type TabsCompound = FC<TabsProps> & {
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Content: typeof TabsContent;
+};

package/dist/components/overlay/_shared/types/index.d.ts

@@ -0,0 +1,9 @@
+/** Side position of an overlay panel relative to its trigger. */
+export type OverlaySide = 'top' | 'right' | 'bottom' | 'left';
+/** Alignment of an overlay panel relative to its trigger. */
+export type OverlayAlign = 'start' | 'center' | 'end';
+/**
+ * Combined position shorthand for overlay components — sets both `side` and
+ * `align` in a single value. Twelve values are available (4 sides × 3 alignments).
+ */
+export type OverlayPosition = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';

package/dist/components/overlay/_shared/utils/parsePosition.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>{const t=e.split("-"),s=t[0],o=t[1]??"center";return{side:s,align:o}};exports.parsePosition=n;
+//# sourceMappingURL=parsePosition.utils.cjs.map

package/dist/components/overlay/_shared/utils/parsePosition.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePosition.utils.cjs","sources":["../../../../../src/components/overlay/_shared/utils/parsePosition.utils.ts"],"sourcesContent":["import type { OverlayAlign, OverlayPosition, OverlaySide } from '@components/overlay/_shared/types'\r\n\r\n/** Parses an `OverlayPosition` string into its `side` and `align` parts. */\r\nexport const parsePosition = (position: OverlayPosition): { side: OverlaySide; align: OverlayAlign } => {\r\n    const parts = position.split('-') as [OverlaySide, OverlayAlign?]\r\n    const side = parts[0]\r\n    const align = parts[1] ?? 'center'\r\n    return { side, align }\r\n}\r\n"],"names":["parsePosition","position","parts","side","align"],"mappings":"gFAGO,MAAMA,EAAiBC,GAA0E,CACpG,MAAMC,EAAQD,EAAS,MAAM,GAAG,EAC1BE,EAAOD,EAAM,CAAC,EACdE,EAAQF,EAAM,CAAC,GAAK,SAC1B,MAAO,CAAE,KAAAC,EAAM,MAAAC,CAAA,CACnB"}

package/dist/components/overlay/_shared/utils/parsePosition.utils.d.ts

@@ -0,0 +1,6 @@
+import { OverlayAlign, OverlayPosition, OverlaySide } from '../types';
+/** Parses an `OverlayPosition` string into its `side` and `align` parts. */
+export declare const parsePosition: (position: OverlayPosition) => {
+    side: OverlaySide;
+    align: OverlayAlign;
+};

package/dist/components/overlay/_shared/utils/parsePosition.utils.js

@@ -0,0 +1,8 @@
+const e = (s) => {
+  const t = s.split("-"), n = t[0], o = t[1] ?? "center";
+  return { side: n, align: o };
+};
+export {
+  e as parsePosition
+};
+//# sourceMappingURL=parsePosition.utils.js.map

package/dist/components/overlay/_shared/utils/parsePosition.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePosition.utils.js","sources":["../../../../../src/components/overlay/_shared/utils/parsePosition.utils.ts"],"sourcesContent":["import type { OverlayAlign, OverlayPosition, OverlaySide } from '@components/overlay/_shared/types'\r\n\r\n/** Parses an `OverlayPosition` string into its `side` and `align` parts. */\r\nexport const parsePosition = (position: OverlayPosition): { side: OverlaySide; align: OverlayAlign } => {\r\n    const parts = position.split('-') as [OverlaySide, OverlayAlign?]\r\n    const side = parts[0]\r\n    const align = parts[1] ?? 'center'\r\n    return { side, align }\r\n}\r\n"],"names":["parsePosition","position","parts","side","align"],"mappings":"AAGO,MAAMA,IAAgB,CAACC,MAA0E;AACpG,QAAMC,IAAQD,EAAS,MAAM,GAAG,GAC1BE,IAAOD,EAAM,CAAC,GACdE,IAAQF,EAAM,CAAC,KAAK;AAC1B,SAAO,EAAE,MAAAC,GAAM,OAAAC,EAAA;AACnB;"}

package/dist/components/overlay/dialog/Dialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("@base-ui/react/dialog"),t=require("react"),l=require("./components/dialog-body/DialogBody.cjs"),n=require("./components/dialog-close/DialogClose.cjs"),s=require("./components/dialog-content/DialogContent.cjs"),a=require("./components/dialog-description/DialogDescription.cjs"),g=require("./components/dialog-footer/DialogFooter.cjs"),c=require("./components/dialog-header/DialogHeader.cjs"),u=require("./components/dialog-title/DialogTitle.cjs"),D=require("./components/dialog-trigger/DialogTrigger.cjs"),e=t.memo(o=>i.jsx(r.Dialog.Root,{...o}));e.displayName="Dialog";e.Trigger=D;e.Content=s;e.Header=c;e.Body=l;e.Footer=g;e.Title=u;e.Description=a;e.Close=n;exports.Dialog=e;
+//# sourceMappingURL=Dialog.cjs.map

package/dist/components/overlay/dialog/Dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/overlay/dialog/Dialog.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo } from 'react'\r\n\r\nimport DialogBody from '@components/overlay/dialog/components/dialog-body/DialogBody.tsx'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport DialogContent from '@components/overlay/dialog/components/dialog-content/DialogContent.tsx'\r\nimport DialogDescription from '@components/overlay/dialog/components/dialog-description/DialogDescription.tsx'\r\nimport DialogFooter from '@components/overlay/dialog/components/dialog-footer/DialogFooter.tsx'\r\nimport DialogHeader from '@components/overlay/dialog/components/dialog-header/DialogHeader.tsx'\r\nimport DialogTitle from '@components/overlay/dialog/components/dialog-title/DialogTitle.tsx'\r\nimport DialogTrigger from '@components/overlay/dialog/components/dialog-trigger/DialogTrigger.tsx'\r\nimport type { DialogCompound } from '@components/overlay/dialog/types'\r\nimport type { DialogProps } from '@components/overlay/dialog/types/Dialog.props.ts'\r\n\r\n/**\r\n * A modal dialog built on Base UI Dialog.\r\n *\r\n * Compose with the named sub-components for a complete, accessible modal:\r\n * `Dialog.Trigger`, `Dialog.Content`, `Dialog.Header`, `Dialog.Body`,\r\n * `Dialog.Footer`, `Dialog.Title`, `Dialog.Description` and `Dialog.Close`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Dialog>\r\n *   <Dialog.Trigger>\r\n *     <Button label=\"Open dialog\" variant=\"contained\" color=\"primary\" />\r\n *   </Dialog.Trigger>\r\n *   <Dialog.Content>\r\n *     <Dialog.Header\r\n *       title=\"Account settings\"\r\n *       description=\"Manage your profile and preferences.\"\r\n *     />\r\n *     <Dialog.Body>\r\n *       <Typography>Your content goes here.</Typography>\r\n *     </Dialog.Body>\r\n *     <Dialog.Footer>\r\n *       <Dialog.Close>\r\n *         <Button label=\"Cancel\" variant=\"outlined\" color=\"primary\" />\r\n *       </Dialog.Close>\r\n *       <Button label=\"Save\" variant=\"contained\" color=\"primary\" />\r\n *     </Dialog.Footer>\r\n *   </Dialog.Content>\r\n * </Dialog>\r\n * ```\r\n */\r\nconst Dialog = memo<DialogProps>((props) => (\r\n    <BaseDialog.Root {...props} />\r\n)) as unknown as DialogCompound\r\n\r\nDialog.displayName = 'Dialog'\r\nDialog.Trigger = DialogTrigger\r\nDialog.Content = DialogContent\r\nDialog.Header = DialogHeader\r\nDialog.Body = DialogBody\r\nDialog.Footer = DialogFooter\r\nDialog.Title = DialogTitle\r\nDialog.Description = DialogDescription\r\nDialog.Close = DialogClose\r\n\r\nexport { Dialog }\r\n"],"names":["Dialog","memo","props","jsx","BaseDialog","DialogTrigger","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription","DialogClose"],"mappings":"ynBA6CMA,EAASC,EAAAA,KAAmBC,GAC9BC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CAAiB,GAAGF,EAAO,CAC/B,EAEDF,EAAO,YAAc,SACrBA,EAAO,QAAUK,EACjBL,EAAO,QAAUM,EACjBN,EAAO,OAASO,EAChBP,EAAO,KAAOQ,EACdR,EAAO,OAASS,EAChBT,EAAO,MAAQU,EACfV,EAAO,YAAcW,EACrBX,EAAO,MAAQY"}

package/dist/components/overlay/dialog/Dialog.d.ts

@@ -0,0 +1,34 @@
+import { DialogCompound } from './types';
+/**
+ * A modal dialog built on Base UI Dialog.
+ *
+ * Compose with the named sub-components for a complete, accessible modal:
+ * `Dialog.Trigger`, `Dialog.Content`, `Dialog.Header`, `Dialog.Body`,
+ * `Dialog.Footer`, `Dialog.Title`, `Dialog.Description` and `Dialog.Close`.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <Dialog.Trigger>
+ *     <Button label="Open dialog" variant="contained" color="primary" />
+ *   </Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header
+ *       title="Account settings"
+ *       description="Manage your profile and preferences."
+ *     />
+ *     <Dialog.Body>
+ *       <Typography>Your content goes here.</Typography>
+ *     </Dialog.Body>
+ *     <Dialog.Footer>
+ *       <Dialog.Close>
+ *         <Button label="Cancel" variant="outlined" color="primary" />
+ *       </Dialog.Close>
+ *       <Button label="Save" variant="contained" color="primary" />
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog>
+ * ```
+ */
+declare const Dialog: DialogCompound;
+export { Dialog };

package/dist/components/overlay/dialog/Dialog.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Dialog as m } from "@base-ui/react/dialog";
+import { memo as t } from "react";
+import e from "./components/dialog-body/DialogBody.js";
+import a from "./components/dialog-close/DialogClose.js";
+import l from "./components/dialog-content/DialogContent.js";
+import g from "./components/dialog-description/DialogDescription.js";
+import p from "./components/dialog-footer/DialogFooter.js";
+import D from "./components/dialog-header/DialogHeader.js";
+import f from "./components/dialog-title/DialogTitle.js";
+import s from "./components/dialog-trigger/DialogTrigger.js";
+const o = t((r) => /* @__PURE__ */ i(m.Root, { ...r }));
+o.displayName = "Dialog";
+o.Trigger = s;
+o.Content = l;
+o.Header = D;
+o.Body = e;
+o.Footer = p;
+o.Title = f;
+o.Description = g;
+o.Close = a;
+export {
+  o as Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/overlay/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/overlay/dialog/Dialog.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo } from 'react'\r\n\r\nimport DialogBody from '@components/overlay/dialog/components/dialog-body/DialogBody.tsx'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport DialogContent from '@components/overlay/dialog/components/dialog-content/DialogContent.tsx'\r\nimport DialogDescription from '@components/overlay/dialog/components/dialog-description/DialogDescription.tsx'\r\nimport DialogFooter from '@components/overlay/dialog/components/dialog-footer/DialogFooter.tsx'\r\nimport DialogHeader from '@components/overlay/dialog/components/dialog-header/DialogHeader.tsx'\r\nimport DialogTitle from '@components/overlay/dialog/components/dialog-title/DialogTitle.tsx'\r\nimport DialogTrigger from '@components/overlay/dialog/components/dialog-trigger/DialogTrigger.tsx'\r\nimport type { DialogCompound } from '@components/overlay/dialog/types'\r\nimport type { DialogProps } from '@components/overlay/dialog/types/Dialog.props.ts'\r\n\r\n/**\r\n * A modal dialog built on Base UI Dialog.\r\n *\r\n * Compose with the named sub-components for a complete, accessible modal:\r\n * `Dialog.Trigger`, `Dialog.Content`, `Dialog.Header`, `Dialog.Body`,\r\n * `Dialog.Footer`, `Dialog.Title`, `Dialog.Description` and `Dialog.Close`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Dialog>\r\n *   <Dialog.Trigger>\r\n *     <Button label=\"Open dialog\" variant=\"contained\" color=\"primary\" />\r\n *   </Dialog.Trigger>\r\n *   <Dialog.Content>\r\n *     <Dialog.Header\r\n *       title=\"Account settings\"\r\n *       description=\"Manage your profile and preferences.\"\r\n *     />\r\n *     <Dialog.Body>\r\n *       <Typography>Your content goes here.</Typography>\r\n *     </Dialog.Body>\r\n *     <Dialog.Footer>\r\n *       <Dialog.Close>\r\n *         <Button label=\"Cancel\" variant=\"outlined\" color=\"primary\" />\r\n *       </Dialog.Close>\r\n *       <Button label=\"Save\" variant=\"contained\" color=\"primary\" />\r\n *     </Dialog.Footer>\r\n *   </Dialog.Content>\r\n * </Dialog>\r\n * ```\r\n */\r\nconst Dialog = memo<DialogProps>((props) => (\r\n    <BaseDialog.Root {...props} />\r\n)) as unknown as DialogCompound\r\n\r\nDialog.displayName = 'Dialog'\r\nDialog.Trigger = DialogTrigger\r\nDialog.Content = DialogContent\r\nDialog.Header = DialogHeader\r\nDialog.Body = DialogBody\r\nDialog.Footer = DialogFooter\r\nDialog.Title = DialogTitle\r\nDialog.Description = DialogDescription\r\nDialog.Close = DialogClose\r\n\r\nexport { Dialog }\r\n"],"names":["Dialog","memo","props","jsx","BaseDialog","DialogTrigger","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription","DialogClose"],"mappings":";;;;;;;;;;;AA6CA,MAAMA,IAASC,EAAkB,CAACC,MAC9B,gBAAAC,EAACC,EAAW,MAAX,EAAiB,GAAGF,GAAO,CAC/B;AAEDF,EAAO,cAAc;AACrBA,EAAO,UAAUK;AACjBL,EAAO,UAAUM;AACjBN,EAAO,SAASO;AAChBP,EAAO,OAAOQ;AACdR,EAAO,SAASS;AAChBT,EAAO,QAAQU;AACfV,EAAO,cAAcW;AACrBX,EAAO,QAAQY;"}

package/dist/components/overlay/dialog/components/dialog-body/DialogBody.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),u=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const e=t.memo(({as:o="div",padding:r="lg",...i})=>s.jsx(u,{as:o,padding:r,overflowY:"auto",...i}));e.displayName="Dialog.Body";module.exports=e;
+//# sourceMappingURL=DialogBody.cjs.map

package/dist/components/overlay/dialog/components/dialog-body/DialogBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBody.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-body/DialogBody.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport type { DialogBodyProps } from '@components/overlay/dialog/components/dialog-body/types/DialogBody.props.ts'\r\n\r\n/** Main content area of a `Dialog` with uniform padding and overflow handling. */\r\nconst DialogBody: FC<DialogBodyProps> = memo(({ as = 'div', padding = 'lg', ...props }) => (\r\n    <Box\r\n        as={as}\r\n        padding={padding}\r\n        overflowY={'auto'}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDialogBody.displayName = 'Dialog.Body'\r\n\r\nexport default DialogBody\r\n"],"names":["DialogBody","memo","as","padding","props","jsx","Box"],"mappings":"sKAMA,MAAMA,EAAkCC,EAAAA,KAAK,CAAC,CAAE,GAAAC,EAAK,MAAO,QAAAC,EAAU,KAAM,GAAGC,CAAA,IAC3EC,EAAAA,IAACC,EAAA,CACG,GAAAJ,EACA,QAAAC,EACA,UAAW,OACV,GAAGC,CAAA,CACR,CACH,EAEDJ,EAAW,YAAc"}

package/dist/components/overlay/dialog/components/dialog-body/DialogBody.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DialogBodyProps } from './types/DialogBody.props.ts';
+/** Main content area of a `Dialog` with uniform padding and overflow handling. */
+declare const DialogBody: FC<DialogBodyProps>;
+export default DialogBody;

package/dist/components/overlay/dialog/components/dialog-body/DialogBody.js

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as t } from "react";
+import a from "../../../../layout/box/Box.js";
+import "../../../../layout/box/styles/Box.css.js";
+const l = t(({ as: o = "div", padding: m = "lg", ...r }) => /* @__PURE__ */ i(
+  a,
+  {
+    as: o,
+    padding: m,
+    overflowY: "auto",
+    ...r
+  }
+));
+l.displayName = "Dialog.Body";
+export {
+  l as default
+};
+//# sourceMappingURL=DialogBody.js.map

package/dist/components/overlay/dialog/components/dialog-body/DialogBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBody.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-body/DialogBody.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport type { DialogBodyProps } from '@components/overlay/dialog/components/dialog-body/types/DialogBody.props.ts'\r\n\r\n/** Main content area of a `Dialog` with uniform padding and overflow handling. */\r\nconst DialogBody: FC<DialogBodyProps> = memo(({ as = 'div', padding = 'lg', ...props }) => (\r\n    <Box\r\n        as={as}\r\n        padding={padding}\r\n        overflowY={'auto'}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDialogBody.displayName = 'Dialog.Body'\r\n\r\nexport default DialogBody\r\n"],"names":["DialogBody","memo","as","padding","props","jsx","Box"],"mappings":";;;;AAMA,MAAMA,IAAkCC,EAAK,CAAC,EAAE,IAAAC,IAAK,OAAO,SAAAC,IAAU,MAAM,GAAGC,EAAA,MAC3E,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAAJ;AAAA,IACA,SAAAC;AAAA,IACA,WAAW;AAAA,IACV,GAAGC;AAAA,EAAA;AACR,CACH;AAEDJ,EAAW,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-body/types/DialogBody.props.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../../../../../layout/box/types/Box.props.ts';
+/** Props for `Dialog.Body`. */
+export type DialogBodyProps = Omit<BoxProps, 'as'> & {
+    /** The HTML element to render. @default 'div' */
+    as?: 'div' | 'section';
+};

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),r=require("@base-ui/react/dialog"),t=require("react"),e=t.memo(({children:o,...s})=>i.jsx(r.Dialog.Close,{...s,render:o}));e.displayName="Dialog.Close";module.exports=e;
+//# sourceMappingURL=DialogClose.cjs.map

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-close/DialogClose.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { DialogCloseProps } from '@components/overlay/dialog/components/dialog-close/types/DialogClose.props.ts'\r\n\r\n/**\r\n * Closes the dialog when clicked.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.\r\n */\r\nconst DialogClose: FC<DialogCloseProps> = memo(({ children, ...props }) => (\r\n    <BaseDialog.Close\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nDialogClose.displayName = 'Dialog.Close'\r\n\r\nexport default DialogClose\r\n"],"names":["DialogClose","memo","children","props","jsx","BaseDialog"],"mappings":"wGASMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC3DC,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACI,GAAGF,EACJ,OAAQD,CAAA,CACZ,CACH,EAEDF,EAAY,YAAc"}

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DialogCloseProps } from './types/DialogClose.props.ts';
+/**
+ * Closes the dialog when clicked.
+ * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.
+ */
+declare const DialogClose: FC<DialogCloseProps>;
+export default DialogClose;

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Dialog as r } from "@base-ui/react/dialog";
+import { memo as l } from "react";
+const a = l(({ children: o, ...e }) => /* @__PURE__ */ m(
+  r.Close,
+  {
+    ...e,
+    render: o
+  }
+));
+a.displayName = "Dialog.Close";
+export {
+  a as default
+};
+//# sourceMappingURL=DialogClose.js.map

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-close/DialogClose.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { DialogCloseProps } from '@components/overlay/dialog/components/dialog-close/types/DialogClose.props.ts'\r\n\r\n/**\r\n * Closes the dialog when clicked.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.\r\n */\r\nconst DialogClose: FC<DialogCloseProps> = memo(({ children, ...props }) => (\r\n    <BaseDialog.Close\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nDialogClose.displayName = 'Dialog.Close'\r\n\r\nexport default DialogClose\r\n"],"names":["DialogClose","memo","children","props","jsx","BaseDialog"],"mappings":";;;AASA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAC3D,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACI,GAAGF;AAAA,IACJ,QAAQD;AAAA,EAAA;AACZ,CACH;AAEDF,EAAY,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-close/types/DialogClose.props.d.ts

@@ -0,0 +1,13 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { ReactElement } from 'react';
+/**
+ * Props for the `DialogClose` wrapper.
+ *
+ * Unlike Base UI's own `Dialog.Close` (which uses a `render` prop), this wrapper
+ * keeps the familiar `children` API: pass your own element as `children` and it is
+ * forwarded to Base UI's `render` prop internally.
+ */
+export type DialogCloseProps = Omit<Dialog.Close.Props, 'render' | 'children'> & {
+    /** The element that closes the dialog — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/dialog"),g=require("react"),o=require("../../styles/Dialog.css.cjs"),m=require("../../../../../utils/cn.cjs"),i=g.memo(({className:l,size:t="md","aria-label":r,"aria-labelledby":s,defaultAriaLabel:c="Dialog",children:n,...D})=>{const u=r??(s?void 0:c);return e.jsxs(a.Dialog.Portal,{children:[e.jsx(a.Dialog.Backdrop,{className:o.DIALOG_STYLES.overlay}),e.jsx(a.Dialog.Popup,{className:m.cn(o.DIALOG_STYLES.content,o.DIALOG_STYLES.contentSize[t],l),"aria-label":u,"aria-labelledby":s,...D,children:n})]})});i.displayName="Dialog.Content";module.exports=i;
+//# sourceMappingURL=DialogContent.cjs.map

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <BaseDialog.Backdrop className={DIALOG_STYLES.overlay} />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\r\n                aria-label={accessibleName}\r\n                aria-labelledby={ariaLabelledBy}\r\n                {...props}\r\n            >\r\n                {children}\r\n            </BaseDialog.Popup>\r\n        </BaseDialog.Portal>\r\n    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","DIALOG_STYLES","cn"],"mappings":"0LAWMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,KAAAC,EAAO,KACP,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,SACnB,SAAAC,EACA,GAAGC,CACP,IAAM,CAIF,MAAMC,EAAiBL,IAAcC,EAAiB,OAAYC,GAElE,OACII,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAC,EAAAA,IAACD,EAAAA,OAAW,SAAX,CAAoB,UAAWE,EAAAA,cAAc,QAAS,EACvDD,EAAAA,IAACD,EAAAA,OAAW,MAAX,CACG,UAAWG,EAAAA,GAAGD,EAAAA,cAAc,QAASA,EAAAA,cAAc,YAAYV,CAAI,EAAGD,CAAS,EAC/E,aAAYO,EACZ,kBAAiBJ,EAChB,GAAGG,EAEH,SAAAD,CAAA,CAAA,CACL,EACJ,CAER,CAAC,EAEDP,EAAc,YAAc"}

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DialogContentProps } from './types/DialogContent.props.ts';
+/**
+ * The modal panel rendered inside a portal.
+ * Includes the backdrop overlay and the content container.
+ */
+declare const DialogContent: FC<DialogContentProps>;
+export default DialogContent;

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.js

@@ -0,0 +1,34 @@
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { Dialog as o } from "@base-ui/react/dialog";
+import { memo as d } from "react";
+import { DIALOG_STYLES as a } from "../../styles/Dialog.css.js";
+import { cn as b } from "../../../../../utils/cn.js";
+const f = d(({
+  className: r,
+  size: t = "md",
+  "aria-label": i,
+  "aria-labelledby": e,
+  defaultAriaLabel: m = "Dialog",
+  children: n,
+  ...s
+}) => {
+  const c = i ?? (e ? void 0 : m);
+  return /* @__PURE__ */ p(o.Portal, { children: [
+    /* @__PURE__ */ l(o.Backdrop, { className: a.overlay }),
+    /* @__PURE__ */ l(
+      o.Popup,
+      {
+        className: b(a.content, a.contentSize[t], r),
+        "aria-label": c,
+        "aria-labelledby": e,
+        ...s,
+        children: n
+      }
+    )
+  ] });
+});
+f.displayName = "Dialog.Content";
+export {
+  f as default
+};
+//# sourceMappingURL=DialogContent.js.map

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <BaseDialog.Backdrop className={DIALOG_STYLES.overlay} />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\r\n                aria-label={accessibleName}\r\n                aria-labelledby={ariaLabelledBy}\r\n                {...props}\r\n            >\r\n                {children}\r\n            </BaseDialog.Popup>\r\n        </BaseDialog.Portal>\r\n    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","DIALOG_STYLES","cn"],"mappings":";;;;;AAWA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AAIF,QAAMC,IAAiBL,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,UAAX,EAAoB,WAAWE,EAAc,SAAS;AAAA,IACvD,gBAAAD;AAAA,MAACD,EAAW;AAAA,MAAX;AAAA,QACG,WAAWG,EAAGD,EAAc,SAASA,EAAc,YAAYV,CAAI,GAAGD,CAAS;AAAA,QAC/E,cAAYO;AAAA,QACZ,mBAAiBJ;AAAA,QAChB,GAAGG;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER,CAAC;AAEDP,EAAc,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-content/types/DialogContent.props.d.ts

@@ -0,0 +1,16 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { DialogSize } from '../../../types/Dialog.types.ts';
+/** Props for `Dialog.Content`. */
+export type DialogContentProps = Dialog.Popup.Props & {
+    /**
+     * Predefined max-width for the dialog.
+     * @default 'md'
+     */
+    size?: DialogSize;
+    /**
+     * Accessible name used when neither `aria-label` nor `aria-labelledby` is
+     * provided. Override this for i18n.
+     * @default 'Dialog'
+     */
+    defaultAriaLabel?: string;
+};

package/dist/components/overlay/dialog/components/dialog-description/DialogDescription.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/dialog"),t=require("react"),n=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const a=require("../../../../../utils/cn.cjs"),r=t.memo(({className:i,children:o,...s})=>e.jsx(c.Dialog.Description,{className:a.cn(i),...s,children:e.jsx(n,{as:"p",fontSize:"sm",color:"mutedForeground",children:o})}));r.displayName="Dialog.Description";module.exports=r;
+//# sourceMappingURL=DialogDescription.cjs.map

package/dist/components/overlay/dialog/components/dialog-description/DialogDescription.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-description/DialogDescription.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DialogDescriptionProps } from '@components/overlay/dialog/components/dialog-description/types/DialogDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Accessible description for the dialog.\r\n * Provides additional context to the title.\r\n */\r\nconst DialogDescription: FC<DialogDescriptionProps> = memo(({ className, children, ...props }) => (\r\n    <BaseDialog.Description\r\n        className={cn(className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'p'}\r\n            fontSize={'sm'}\r\n            color={'mutedForeground'}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    </BaseDialog.Description>\r\n))\r\n\r\nDialogDescription.displayName = 'Dialog.Description'\r\n\r\nexport default DialogDescription\r\n"],"names":["DialogDescription","memo","className","children","props","jsx","BaseDialog","cn","Typography"],"mappings":"4RAWMA,EAAgDC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,KAClFC,EAAAA,IAACC,EAAAA,OAAW,YAAX,CACG,UAAWC,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEJ,SAAAC,EAAAA,IAACG,EAAA,CACG,GAAI,IACJ,SAAU,KACV,MAAO,kBAEN,SAAAL,CAAA,CAAA,CACL,CACJ,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/overlay/dialog/components/dialog-description/DialogDescription.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DialogDescriptionProps } from './types/DialogDescription.props.ts';
+/**
+ * Accessible description for the dialog.
+ * Provides additional context to the title.
+ */
+declare const DialogDescription: FC<DialogDescriptionProps>;
+export default DialogDescription;