ixia-ui-react 1.8.0 → 2.1.0

package/README.md

@@ -45,10 +45,33 @@ Import the library styles once in your app entry file:
 import 'ixia-ui-react/styles'
 ```
 
+### Component peer dependencies
+
+Some components rely on larger third-party libraries. These are optional peer dependencies, so install only the ones for the components you use:
+
+| Import                       | Install                                                                                                                                         |
+| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
+| `ixia-ui-react/calendar`     | `@daypicker/react`                                                                                                                              |
+| `ixia-ui-react/chart`        | `recharts`                                                                                                                                      |
+| `ixia-ui-react/color-picker` | `chroma-js`                                                                                                                                     |
+| `ixia-ui-react/combobox`     | `@tanstack/react-virtual`                                                                                                                       |
+| `ixia-ui-react/field`        | `@tanstack/react-form`                                                                                                                          |
+| `ixia-ui-react/form`         | `@tanstack/react-form`                                                                                                                          |
+| `ixia-ui-react/layer-tree`   | `@tanstack/react-table` `@dnd-kit/react` `@dnd-kit/dom`                                                                                         |
+| `ixia-ui-react/map`          | `@deck.gl/core` (types only)                                                                                                                    |
+| `ixia-ui-react/map/google`   | `@vis.gl/react-google-maps` `@deck.gl/core` `@deck.gl/google-maps` `@tanstack/react-pacer` `supercluster` `@types/google.maps` `@types/geojson` |
+| `ixia-ui-react/resizeable`   | `react-resizable-panels`                                                                                                                        |
+| `ixia-ui-react/table`        | `@tanstack/react-table` `@tanstack/react-store` `@tanstack/react-form` `zod`                                                                    |
+
 ## Usage
 
+Each component has its own entry point, named after the component, so your app only loads the code and dependencies of the components it imports. There is no root `ixia-ui-react` import.
+
 ```tsx
-import { Button } from 'ixia-ui-react'
+import { Button } from 'ixia-ui-react/button'
+import { useTheme } from 'ixia-ui-react/hooks'
+import { Tooltip } from 'ixia-ui-react/tooltip'
+import { cn } from 'ixia-ui-react/utils'
 
 export function Example() {
   return <Button>Continue</Button>

package/dist/accordion/index.d.ts

@@ -0,0 +1,41 @@
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+type AccordionProps = React.ComponentProps<typeof Accordion$1.Root> & VariantProps<typeof accordionVariants> & {
+  withSeparator?: boolean;
+};
+type AccordionPanelProps = React.ComponentProps<typeof Accordion$1.Panel>;
+declare const accordionVariants: (props?: ({
+  variant?: "ghost" | "surface" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string, accordionItemVariants: (props?: ({
+  size?: "large" | "medium" | "small" | null | undefined;
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item> & VariantProps<typeof accordionItemVariants>;
+type AccordionHeaderProps = React.ComponentProps<typeof Accordion$1.Header>;
+type AccordionTitleProps = React.ComponentProps<'div'>;
+type AccordionSubtitleProps = React.ComponentProps<'div'>;
+type AccordionIconProps = React.ComponentProps<'div'>;
+type AccordionExpandIconProps = React.ComponentProps<'div'>;
+type AccordionHeaderContentProps = React.ComponentProps<'div'>;
+declare function Accordion$2({ withSeparator, variant, className, ref, ...props }: AccordionProps): import("react").JSX.Element;
+export declare function AccordionExpandIcon({ className, children, ref, ...props }: AccordionExpandIconProps): import("react").JSX.Element;
+export declare function AccordionHeader({ className, children, ref, ...props }: AccordionHeaderProps): import("react").JSX.Element;
+export declare function AccordionHeaderContent({ className, children, ref, ...props }: AccordionHeaderContentProps): import("react").JSX.Element;
+export declare function AccordionIcon({ className, ref, ...props }: AccordionIconProps): import("react").JSX.Element;
+export declare function AccordionItem({ size, tone, className, ref, ...props }: AccordionItemProps): import("react").JSX.Element;
+export declare function AccordionPanel({ className, children, ref, ...props }: AccordionPanelProps): import("react").JSX.Element;
+export declare function AccordionSubtitle({ className, ref, ...props }: AccordionSubtitleProps): import("react").JSX.Element;
+export declare function AccordionTitle({ className, ref, ...props }: AccordionTitleProps): import("react").JSX.Element;
+declare const Accordion: typeof Accordion$2 & {
+  ExpandIcon: typeof AccordionExpandIcon;
+  Header: typeof AccordionHeader;
+  HeaderContent: typeof AccordionHeaderContent;
+  Icon: typeof AccordionIcon;
+  Item: typeof AccordionItem;
+  Panel: typeof AccordionPanel;
+  Subtitle: typeof AccordionSubtitle;
+  Title: typeof AccordionTitle;
+};
+export { Accordion, type AccordionHeaderContentProps, type AccordionHeaderProps, type AccordionIconProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type AccordionSubtitleProps, type AccordionTitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/accordion/index.js

@@ -0,0 +1,142 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { n as Icon } from "../icon-D3JWfCa2.js";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+// src/components/accordion/accordion.types.ts
+const accordionVariants = cva("flex flex-col justify-center", {
+	defaultVariants: { variant: "surface" },
+	variants: { variant: {
+		ghost: "bg-transparent",
+		surface: "overflow-hidden rounded-xl bg-surface shadow-2xs"
+	} }
+});
+const accordionItemVariants = cva("group transition-all data-disabled:pointer-events-none data-disabled:opacity-50", {
+	defaultVariants: {
+		size: "medium",
+		tone: "brand"
+	},
+	variants: {
+		size: {
+			large: "[&_[data-slot=accordion-content]]:gap-x-sm [&_[data-slot=accordion-down-icon]]:size-md [&_[data-slot=accordion-subtitle]]:style-text-prose-0 [&_[data-slot=accordion-title]]:style-text-strong-1 [&_[data-slot=accordion-trigger]]:h-3xl [&_[data-slot=accordion-trigger]]:gap-md [&_[data-slot=accordion-trigger]]:pr-sm [&_[data-slot=accordion-trigger]]:pl-lg [&_[data-slot=accordion-icon]]:[&>svg]:size-lg",
+			medium: "[&_[data-slot=accordion-content]]:gap-x-xs [&_[data-slot=accordion-down-icon]]:size-sm [&_[data-slot=accordion-subtitle]]:style-text-prose--1 [&_[data-slot=accordion-title]]:style-text-strong-0 [&_[data-slot=accordion-trigger]]:h-2xl [&_[data-slot=accordion-trigger]]:gap-sm [&_[data-slot=accordion-trigger]]:pr-sm [&_[data-slot=accordion-trigger]]:pl-md [&_[data-slot=accordion-icon]]:[&>svg]:size-md",
+			small: "[&_[data-slot=accordion-content]]:gap-x-2xs [&_[data-slot=accordion-down-icon]]:size-xs [&_[data-slot=accordion-subtitle]]:style-text-prose--2 [&_[data-slot=accordion-title]]:style-text-strong--1 [&_[data-slot=accordion-trigger]]:h-xl [&_[data-slot=accordion-trigger]]:gap-xs [&_[data-slot=accordion-trigger]]:px-sm [&_[data-slot=accordion-icon]]:[&>svg]:size-sm"
+		},
+		tone: {
+			accent: "[&_[data-slot=accordion-icon]]:text-accent-default [&_[data-slot=accordion-subtitle]]:text-accent-muted [&_[data-slot=accordion-title]]:text-accent-default [&:not([data-open])]:hover:bg-accent-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-accent-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-accent-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-accent-on-container",
+			brand: "[&_[data-slot=accordion-icon]]:text-brand-default [&_[data-slot=accordion-subtitle]]:text-brand-muted [&_[data-slot=accordion-title]]:text-brand-default [&:not([data-open])]:hover:bg-brand-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-brand-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-brand-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-brand-on-container",
+			error: "[&_[data-slot=accordion-icon]]:text-error-default [&_[data-slot=accordion-subtitle]]:text-error-muted [&_[data-slot=accordion-title]]:text-error-default [&:not([data-open])]:hover:bg-error-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-error-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-error-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-error-on-container",
+			info: "[&_[data-slot=accordion-icon]]:text-info-default [&_[data-slot=accordion-subtitle]]:text-info-muted [&_[data-slot=accordion-title]]:text-info-default [&:not([data-open])]:hover:bg-info-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-info-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-info-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-info-on-container",
+			neutral: "[&_[data-slot=accordion-icon]]:text-neutral-default [&_[data-slot=accordion-subtitle]]:text-neutral-muted [&_[data-slot=accordion-title]]:text-neutral-default [&:not([data-open])]:hover:bg-neutral-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-neutral-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-neutral-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-neutral-on-container",
+			success: "[&_[data-slot=accordion-icon]]:text-success-default [&_[data-slot=accordion-subtitle]]:text-success-muted [&_[data-slot=accordion-title]]:text-success-default [&:not([data-open])]:hover:bg-success-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-success-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-success-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-success-on-container",
+			warning: "[&_[data-slot=accordion-icon]]:text-warning-default [&_[data-slot=accordion-subtitle]]:text-warning-muted [&_[data-slot=accordion-title]]:text-warning-default [&:not([data-open])]:hover:bg-warning-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-warning-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-warning-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-warning-on-container"
+		}
+	}
+});
+// src/components/accordion/accordion.tsx
+function Accordion$2({ withSeparator = true, variant, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		className: cn(accordionVariants({
+			className,
+			variant
+		}), withSeparator && "divide-y divide-border"),
+		ref,
+		...props
+	});
+}
+// src/components/accordion/accordion-expand-icon.tsx
+function AccordionExpandIcon({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ml-auto shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-panel-open:rotate-180", className),
+		ref,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Icon, { name: "chevronDown" })
+	});
+}
+// src/components/accordion/accordion-header.tsx
+function AccordionHeader({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(Accordion$1.Trigger, {
+			className: cn("group flex min-h-2xl w-full items-center justify-between gap-sm py-sm pr-sm pl-md hover:cursor-pointer"),
+			children
+		})
+	});
+}
+// src/components/accordion/accordion-header-content.tsx
+function AccordionHeaderContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid auto-rows-min items-center gap-x-sm has-data-[slot=accordion-icon]:grid-cols-[auto_1fr] has-data-[slot=accordion-subtitle]:grid-rows-[auto_auto] has-data-[slot=accordion-subtitle]:**:data-[slot=accordion-icon]:row-span-2", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/accordion/accordion-icon.tsx
+function AccordionIcon({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "accordion-icon",
+		className: cn("col-start-1 row-start-1 self-center transition-colors [&>svg]:size-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/accordion/accordion-item.tsx
+function AccordionItem({ size, tone, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		className: cn(accordionItemVariants({
+			className,
+			size,
+			tone
+		})),
+		ref,
+		...props
+	});
+}
+// src/components/accordion/accordion-panel.tsx
+function AccordionPanel({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		className: cn("h-(--accordion-panel-height) overflow-hidden transition-all duration-300 ease-out data-ending-style:h-[0px] data-starting-style:h-[0px]", className),
+		"data-panel": true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "px-md pb-sm",
+			children
+		})
+	});
+}
+// src/components/accordion/accordion-subtitle.tsx
+function AccordionSubtitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "accordion-subtitle",
+		className: cn("text-left style-text-prose--1 transition-colors", className),
+		ref,
+		...props
+	});
+}
+// src/components/accordion/accordion-title.tsx
+function AccordionTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "accordion-title",
+		className: cn("text-left font-heading text-base font-bold transition-colors [&:has(~_[data-slot=accordion-subtitle])]:leading-[1.2] [&:not(:has(~_[data-slot=accordion-subtitle]))]:leading-none", className),
+		ref,
+		...props
+	});
+}
+// src/components/accordion/index.ts
+const Accordion = Object.assign(Accordion$2, {
+	ExpandIcon: AccordionExpandIcon,
+	Header: AccordionHeader,
+	HeaderContent: AccordionHeaderContent,
+	Icon: AccordionIcon,
+	Item: AccordionItem,
+	Panel: AccordionPanel,
+	Subtitle: AccordionSubtitle,
+	Title: AccordionTitle
+});
+export { Accordion, AccordionExpandIcon, AccordionHeader, AccordionHeaderContent, AccordionIcon, AccordionItem, AccordionPanel, AccordionSubtitle, AccordionTitle };
+
+//# sourceMappingURL=index.js.map

package/dist/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Accordion","BaseAccordion","BaseAccordion","BaseAccordion","BaseAccordion","AccordionRoot"],"sources":["../../src/components/accordion/accordion.types.ts","../../src/components/accordion/accordion.tsx","../../src/components/accordion/accordion-expand-icon.tsx","../../src/components/accordion/accordion-header.tsx","../../src/components/accordion/accordion-header-content.tsx","../../src/components/accordion/accordion-icon.tsx","../../src/components/accordion/accordion-item.tsx","../../src/components/accordion/accordion-panel.tsx","../../src/components/accordion/accordion-subtitle.tsx","../../src/components/accordion/accordion-title.tsx","../../src/components/accordion/index.ts"],"sourcesContent":["import type { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\nimport type React from 'react'\n\ntype AccordionProps = React.ComponentProps<typeof BaseAccordion.Root> &\n  VariantProps<typeof accordionVariants> & {\n    withSeparator?: boolean\n  }\n\ntype AccordionPanelProps = React.ComponentProps<typeof BaseAccordion.Panel>\n\nconst accordionVariants = cva('flex flex-col justify-center', {\n    defaultVariants: {\n      variant: 'surface',\n    },\n    variants: {\n      variant: {\n        ghost: 'bg-transparent',\n        surface: 'overflow-hidden rounded-xl bg-surface shadow-2xs',\n      },\n    },\n  }),\n  accordionItemVariants = cva(\n    'group transition-all data-disabled:pointer-events-none data-disabled:opacity-50',\n    {\n      defaultVariants: {\n        size: 'medium',\n        tone: 'brand',\n      },\n      variants: {\n        size: {\n          large:\n            '[&_[data-slot=accordion-content]]:gap-x-sm [&_[data-slot=accordion-down-icon]]:size-md [&_[data-slot=accordion-subtitle]]:style-text-prose-0 [&_[data-slot=accordion-title]]:style-text-strong-1 [&_[data-slot=accordion-trigger]]:h-3xl [&_[data-slot=accordion-trigger]]:gap-md [&_[data-slot=accordion-trigger]]:pr-sm [&_[data-slot=accordion-trigger]]:pl-lg [&_[data-slot=accordion-icon]]:[&>svg]:size-lg',\n          medium:\n            '[&_[data-slot=accordion-content]]:gap-x-xs [&_[data-slot=accordion-down-icon]]:size-sm [&_[data-slot=accordion-subtitle]]:style-text-prose--1 [&_[data-slot=accordion-title]]:style-text-strong-0 [&_[data-slot=accordion-trigger]]:h-2xl [&_[data-slot=accordion-trigger]]:gap-sm [&_[data-slot=accordion-trigger]]:pr-sm [&_[data-slot=accordion-trigger]]:pl-md [&_[data-slot=accordion-icon]]:[&>svg]:size-md',\n          small:\n            '[&_[data-slot=accordion-content]]:gap-x-2xs [&_[data-slot=accordion-down-icon]]:size-xs [&_[data-slot=accordion-subtitle]]:style-text-prose--2 [&_[data-slot=accordion-title]]:style-text-strong--1 [&_[data-slot=accordion-trigger]]:h-xl [&_[data-slot=accordion-trigger]]:gap-xs [&_[data-slot=accordion-trigger]]:px-sm [&_[data-slot=accordion-icon]]:[&>svg]:size-sm',\n        },\n        tone: {\n          accent:\n            '[&_[data-slot=accordion-icon]]:text-accent-default [&_[data-slot=accordion-subtitle]]:text-accent-muted [&_[data-slot=accordion-title]]:text-accent-default [&:not([data-open])]:hover:bg-accent-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-accent-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-accent-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-accent-on-container',\n          brand:\n            '[&_[data-slot=accordion-icon]]:text-brand-default [&_[data-slot=accordion-subtitle]]:text-brand-muted [&_[data-slot=accordion-title]]:text-brand-default [&:not([data-open])]:hover:bg-brand-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-brand-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-brand-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-brand-on-container',\n          error:\n            '[&_[data-slot=accordion-icon]]:text-error-default [&_[data-slot=accordion-subtitle]]:text-error-muted [&_[data-slot=accordion-title]]:text-error-default [&:not([data-open])]:hover:bg-error-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-error-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-error-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-error-on-container',\n          info: '[&_[data-slot=accordion-icon]]:text-info-default [&_[data-slot=accordion-subtitle]]:text-info-muted [&_[data-slot=accordion-title]]:text-info-default [&:not([data-open])]:hover:bg-info-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-info-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-info-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-info-on-container',\n          neutral:\n            '[&_[data-slot=accordion-icon]]:text-neutral-default [&_[data-slot=accordion-subtitle]]:text-neutral-muted [&_[data-slot=accordion-title]]:text-neutral-default [&:not([data-open])]:hover:bg-neutral-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-neutral-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-neutral-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-neutral-on-container',\n          success:\n            '[&_[data-slot=accordion-icon]]:text-success-default [&_[data-slot=accordion-subtitle]]:text-success-muted [&_[data-slot=accordion-title]]:text-success-default [&:not([data-open])]:hover:bg-success-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-success-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-success-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-success-on-container',\n          warning:\n            '[&_[data-slot=accordion-icon]]:text-warning-default [&_[data-slot=accordion-subtitle]]:text-warning-muted [&_[data-slot=accordion-title]]:text-warning-default [&:not([data-open])]:hover:bg-warning-container [&:not([data-open])]:hover:[&_[data-slot=accordion-icon]]:text-warning-on-container [&:not([data-open])]:hover:[&_[data-slot=accordion-subtitle]]:text-warning-on-container-muted [&:not([data-open])]:hover:[&_[data-slot=accordion-title]]:text-warning-on-container',\n        },\n      },\n    },\n  )\n\ntype AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item> &\n  VariantProps<typeof accordionItemVariants>\ntype AccordionHeaderProps = React.ComponentProps<typeof BaseAccordion.Header>\ntype AccordionTitleProps = React.ComponentProps<'div'>\ntype AccordionSubtitleProps = React.ComponentProps<'div'>\ntype AccordionIconProps = React.ComponentProps<'div'>\ntype AccordionExpandIconProps = React.ComponentProps<'div'>\ntype AccordionHeaderContentProps = React.ComponentProps<'div'>\n\nexport type {\n  AccordionProps,\n  AccordionItemProps,\n  AccordionHeaderProps,\n  AccordionTitleProps,\n  AccordionSubtitleProps,\n  AccordionIconProps,\n  AccordionPanelProps,\n  AccordionExpandIconProps,\n  AccordionHeaderContentProps,\n}\nexport { accordionVariants, accordionItemVariants }\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\n\nimport { cn } from '@/utils/cn'\n\nimport { accordionVariants } from './accordion.types'\nimport type { AccordionProps } from './accordion.types'\n\nexport function Accordion({\n  withSeparator = true,\n  variant,\n  className,\n  ref,\n  ...props\n}: AccordionProps) {\n  return (\n    <BaseAccordion.Root\n      className={cn(\n        accordionVariants({ className, variant }),\n        withSeparator && 'divide-y divide-border',\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils'\n\nimport { Icon } from '../icon'\nimport type { AccordionExpandIconProps } from './accordion.types'\n\nexport function AccordionExpandIcon({\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionExpandIconProps) {\n  return (\n    <div\n      className={cn(\n        'ml-auto shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-panel-open:rotate-180',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children ?? <Icon name=\"chevronDown\" />}\n    </div>\n  )\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\n\nimport { cn } from '@/utils/cn.ts'\n\nimport type { AccordionHeaderProps } from './accordion.types'\n\nexport function AccordionHeader({ className, children, ref, ...props }: AccordionHeaderProps) {\n  return (\n    <BaseAccordion.Header className={cn('', className)} ref={ref} {...props}>\n      <BaseAccordion.Trigger\n        className={cn(\n          'group flex min-h-2xl w-full items-center justify-between gap-sm py-sm pr-sm pl-md hover:cursor-pointer',\n        )}\n      >\n        {children}\n      </BaseAccordion.Trigger>\n    </BaseAccordion.Header>\n  )\n}\n","import { cn } from '@/utils'\n\nimport type { AccordionHeaderContentProps } from './accordion.types'\n\nexport function AccordionHeaderContent({\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionHeaderContentProps) {\n  return (\n    <div\n      className={cn(\n        'grid auto-rows-min items-center gap-x-sm has-data-[slot=accordion-icon]:grid-cols-[auto_1fr] has-data-[slot=accordion-subtitle]:grid-rows-[auto_auto] has-data-[slot=accordion-subtitle]:**:data-[slot=accordion-icon]:row-span-2',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AccordionIconProps } from './accordion.types'\n\nexport function AccordionIcon({ className, ref, ...props }: AccordionIconProps) {\n  return (\n    <div\n      data-slot=\"accordion-icon\"\n      className={cn(\n        'col-start-1 row-start-1 self-center transition-colors [&>svg]:size-md',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\n\nimport { cn } from '@/utils/cn'\n\nimport { accordionItemVariants } from './accordion.types'\nimport type { AccordionItemProps } from './accordion.types'\n\nexport function AccordionItem({ size, tone, className, ref, ...props }: AccordionItemProps) {\n  return (\n    <BaseAccordion.Item\n      className={cn(accordionItemVariants({ className, size, tone }))}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\n\nimport { cn } from '@/utils/cn'\n\nimport type { AccordionPanelProps } from './accordion.types'\n\nexport function AccordionPanel({ className, children, ref, ...props }: AccordionPanelProps) {\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        'h-(--accordion-panel-height) overflow-hidden transition-all duration-300 ease-out data-ending-style:h-[0px] data-starting-style:h-[0px]',\n        className,\n      )}\n      data-panel\n      ref={ref}\n      {...props}\n    >\n      <div className=\"px-md pb-sm\">{children}</div>\n    </BaseAccordion.Panel>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AccordionSubtitleProps } from './accordion.types'\n\nexport function AccordionSubtitle({ className, ref, ...props }: AccordionSubtitleProps) {\n  return (\n    <div\n      data-slot=\"accordion-subtitle\"\n      className={cn('text-left style-text-prose--1 transition-colors', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AccordionTitleProps } from './accordion.types'\n\nexport function AccordionTitle({ className, ref, ...props }: AccordionTitleProps) {\n  return (\n    <div\n      data-slot=\"accordion-title\"\n      className={cn(\n        'text-left font-heading text-base font-bold transition-colors [&:has(~_[data-slot=accordion-subtitle])]:leading-[1.2] [&:not(:has(~_[data-slot=accordion-subtitle]))]:leading-none',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Accordion as AccordionRoot } from './accordion'\nimport { AccordionExpandIcon } from './accordion-expand-icon'\nimport { AccordionHeader } from './accordion-header'\nimport { AccordionHeaderContent } from './accordion-header-content'\nimport { AccordionIcon } from './accordion-icon'\nimport { AccordionItem } from './accordion-item'\nimport { AccordionPanel } from './accordion-panel'\nimport { AccordionSubtitle } from './accordion-subtitle'\nimport { AccordionTitle } from './accordion-title'\n\nconst Accordion = Object.assign(AccordionRoot, {\n  ExpandIcon: AccordionExpandIcon,\n  Header: AccordionHeader,\n  HeaderContent: AccordionHeaderContent,\n  Icon: AccordionIcon,\n  Item: AccordionItem,\n  Panel: AccordionPanel,\n  Subtitle: AccordionSubtitle,\n  Title: AccordionTitle,\n})\n\nexport type {\n  AccordionHeaderProps,\n  AccordionItemProps,\n  AccordionProps,\n  AccordionPanelProps,\n  AccordionSubtitleProps,\n  AccordionTitleProps,\n  AccordionIconProps,\n  AccordionHeaderContentProps,\n} from './accordion.types'\nexport { AccordionHeader } from './accordion-header'\nexport { AccordionItem } from './accordion-item'\nexport { AccordionPanel } from './accordion-panel'\nexport { AccordionSubtitle } from './accordion-subtitle'\nexport { AccordionTitle } from './accordion-title'\nexport { AccordionIcon } from './accordion-icon'\nexport { AccordionExpandIcon } from './accordion-expand-icon'\nexport { AccordionHeaderContent } from './accordion-header-content'\n\nexport { Accordion }\n"],"mappings":";;;;;;AAYA,MAAM,oBAAoB,IAAI,gCAAgC;CAC1D,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,OAAO;EACP,SAAS;CACX,EACF;AACF,CAAC;AACD,MAAA,wBAAwB,IACtB,mFACA;CACE,iBAAiB;EACf,MAAM;EACN,MAAM;CACR;CACA,UAAU;EACR,MAAM;GACJ,OACE;GACF,QACE;GACF,OACE;EACJ;EACA,MAAM;GACJ,QACE;GACF,OACE;GACF,OACE;GACF,MAAM;GACN,SACE;GACF,SACE;GACF,SACE;EACJ;CACF;AACF,CACF;;ACjDF,SAAgBA,YAAU,EACxB,gBAAgB,MAChB,SACA,WACA,KACA,GAAG,SACc;CACjB,OACE,oBAACC,YAAc,MAAf;EACE,WAAW,GACT,kBAAkB;GAAE;GAAW;EAAQ,CAAC,GACxC,iBAAiB,wBACnB;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACnBA,SAAgB,oBAAoB,EAClC,WACA,UACA,KACA,GAAG,SACwB;CAC3B,OACE,oBAAC,OAAD;EACE,WAAW,GACT,wHACA,SACF;EACK;EACL,GAAI;EAEH,UAAA,YAAY,oBAAC,MAAD,EAAM,MAAK,cAAe,CAAA;CACpC,CAAA;AAET;;ACjBA,SAAgB,gBAAgB,EAAE,WAAW,UAAU,KAAK,GAAG,SAA+B;CAC5F,OACE,oBAACC,YAAc,QAAf;EAAsB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAChE,UAAA,oBAACA,YAAc,SAAf;GACE,WAAW,GACT,wGACF;GAEC;EACoB,CAAA;CACH,CAAA;AAE1B;;ACdA,SAAgB,uBAAuB,EACrC,WACA,UACA,KACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,WAAW,GACT,qOACA,SACF;EACK;EACL,GAAI;EAEH;CACE,CAAA;AAET;;AClBA,SAAgB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CAC9E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,yEACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,cAAc,EAAE,MAAM,MAAM,WAAW,KAAK,GAAG,SAA6B;CAC1F,OACE,oBAACC,YAAc,MAAf;EACE,WAAW,GAAG,sBAAsB;GAAE;GAAW;GAAM;EAAK,CAAC,CAAC;EACzD;EACL,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,eAAe,EAAE,WAAW,UAAU,KAAK,GAAG,SAA8B;CAC1F,OACE,oBAACC,YAAc,OAAf;EACE,WAAW,GACT,2IACA,SACF;EACA,cAAA;EACK;EACL,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAe;EAAc,CAAA;CACzB,CAAA;AAEzB;;AChBA,SAAgB,kBAAkB,EAAE,WAAW,KAAK,GAAG,SAAiC;CACtF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mDAAmD,SAAS;EACrE;EACL,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,eAAe,EAAE,WAAW,KAAK,GAAG,SAA8B;CAChF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,qLACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACNA,MAAM,YAAY,OAAO,OAAOC,aAAe;CAC7C,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,MAAM;CACN,MAAM;CACN,OAAO;CACP,UAAU;CACV,OAAO;AACT,CAAC"}

package/dist/alert/index.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
+type AlertTitleProps = React.ComponentProps<'div'>;
+type AlertDescriptionProps = React.ComponentProps<'div'>;
+type AlertActionProps = React.ComponentProps<'div'>;
+type AlertIconProps = React.ComponentProps<'div'>;
+declare function Alert$1({ tone, className, ref, ...props }: AlertProps): import("react").JSX.Element;
+export declare function AlertAction({ className, ref, ...props }: AlertActionProps): import("react").JSX.Element;
+export declare function AlertDescription({ className, ref, ...props }: AlertDescriptionProps): import("react").JSX.Element;
+export declare function AlertIcon({ className, ref, ...props }: AlertIconProps): import("react").JSX.Element;
+export declare function AlertTitle({ className, ref, ...props }: AlertTitleProps): import("react").JSX.Element;
+declare const Alert: typeof Alert$1 & {
+  Action: typeof AlertAction;
+  Description: typeof AlertDescription;
+  Icon: typeof AlertIcon;
+  Title: typeof AlertTitle;
+};
+export { Alert, type AlertActionProps, type AlertDescriptionProps, type AlertIconProps, type AlertProps, type AlertTitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/alert/index.js

@@ -0,0 +1 @@
+export { t as Alert, a as AlertAction, i as AlertDescription, r as AlertIcon, n as AlertTitle } from "../alert-Dcu9R8CY.js";

package/dist/alert-Dcu9R8CY.js

@@ -0,0 +1,73 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+// src/components/alert/alert.types.ts
+const alertVariants = cva("group grid auto-rows-min items-center justify-start gap-x-xs rounded-xl border py-sm pr-sm pl-md transition-all has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-data-[slot=alert-description]:grid-rows-[auto_auto] has-data-[slot=alert-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-icon]:has-data-[slot=alert-action]:grid-cols-[auto_1fr_auto] has-data-[slot=alert-description]:**:data-[slot=alert-icon]:row-span-2", {
+	defaultVariants: { tone: "brand" },
+	variants: { tone: {
+		accent: "border-accent-border bg-accent-container [&_[data-slot=alert-description]]:text-accent-on-container-muted [&_[data-slot=alert-icon]]:text-accent-on-container [&_[data-slot=alert-title]]:text-accent-on-container",
+		brand: "border-brand-border bg-brand-container [&_[data-slot=alert-description]]:text-brand-on-container-muted [&_[data-slot=alert-icon]]:text-brand-on-container [&_[data-slot=alert-title]]:text-brand-on-container",
+		error: "border-error-border bg-error-container [&_[data-slot=alert-description]]:text-error-on-container-muted [&_[data-slot=alert-icon]]:text-error-on-container [&_[data-slot=alert-title]]:text-error-on-container",
+		info: "border-info-border bg-info-container [&_[data-slot=alert-description]]:text-info-on-container-muted [&_[data-slot=alert-icon]]:text-info-on-container [&_[data-slot=alert-title]]:text-info-on-container",
+		neutral: "border-neutral-border bg-neutral-container [&_[data-slot=alert-description]]:text-neutral-on-container-muted [&_[data-slot=alert-icon]]:text-neutral-on-container [&_[data-slot=alert-title]]:text-neutral-on-container",
+		success: "border-success-border bg-success-container [&_[data-slot=alert-description]]:text-success-on-container-muted [&_[data-slot=alert-icon]]:text-success-on-container [&_[data-slot=alert-title]]:text-success-on-container",
+		warning: "border-warning-border bg-warning-container [&_[data-slot=alert-description]]:text-warning-on-container-muted [&_[data-slot=alert-icon]]:text-warning-on-container [&_[data-slot=alert-title]]:text-warning-on-container"
+	} }
+});
+// src/components/alert/alert.tsx
+function Alert$1({ tone, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(alertVariants({
+			className,
+			tone
+		})),
+		ref,
+		...props
+	});
+}
+// src/components/alert/alert-action.tsx
+function AlertAction({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-action",
+		className: cn("col-[-2/-1] row-span-2 row-start-1 ml-md self-start", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert/alert-description.tsx
+function AlertDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("style-text-prose--1", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert/alert-icon.tsx
+function AlertIcon({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-icon",
+		className: cn("col-start-1 row-start-1 self-start transition-colors [&>svg]:size-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert/alert-title.tsx
+function AlertTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("flex items-center gap-2xs font-heading text-base font-bold [&:has(~_[data-slot=alert-description])]:leading-[1.2] [&:not(:has(~_[data-slot=alert-description]))]:leading-none", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert/index.ts
+const Alert = Object.assign(Alert$1, {
+	Action: AlertAction,
+	Description: AlertDescription,
+	Icon: AlertIcon,
+	Title: AlertTitle
+});
+export { AlertAction as a, AlertDescription as i, AlertTitle as n, AlertIcon as r, Alert as t };
+
+//# sourceMappingURL=alert-Dcu9R8CY.js.map

package/dist/alert-Dcu9R8CY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Dcu9R8CY.js","names":["Alert","AlertRoot"],"sources":["../src/components/alert/alert.types.ts","../src/components/alert/alert.tsx","../src/components/alert/alert-action.tsx","../src/components/alert/alert-description.tsx","../src/components/alert/alert-icon.tsx","../src/components/alert/alert-title.tsx","../src/components/alert/index.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nconst alertVariants = cva(\n  'group grid auto-rows-min items-center justify-start gap-x-xs rounded-xl border py-sm pr-sm pl-md transition-all has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-data-[slot=alert-description]:grid-rows-[auto_auto] has-data-[slot=alert-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-icon]:has-data-[slot=alert-action]:grid-cols-[auto_1fr_auto] has-data-[slot=alert-description]:**:data-[slot=alert-icon]:row-span-2',\n  {\n    defaultVariants: {\n      tone: 'brand',\n    },\n    variants: {\n      tone: {\n        accent:\n          'border-accent-border bg-accent-container [&_[data-slot=alert-description]]:text-accent-on-container-muted [&_[data-slot=alert-icon]]:text-accent-on-container [&_[data-slot=alert-title]]:text-accent-on-container',\n        brand:\n          'border-brand-border bg-brand-container [&_[data-slot=alert-description]]:text-brand-on-container-muted [&_[data-slot=alert-icon]]:text-brand-on-container [&_[data-slot=alert-title]]:text-brand-on-container',\n        error:\n          'border-error-border bg-error-container [&_[data-slot=alert-description]]:text-error-on-container-muted [&_[data-slot=alert-icon]]:text-error-on-container [&_[data-slot=alert-title]]:text-error-on-container',\n        info: 'border-info-border bg-info-container [&_[data-slot=alert-description]]:text-info-on-container-muted [&_[data-slot=alert-icon]]:text-info-on-container [&_[data-slot=alert-title]]:text-info-on-container',\n        neutral:\n          'border-neutral-border bg-neutral-container [&_[data-slot=alert-description]]:text-neutral-on-container-muted [&_[data-slot=alert-icon]]:text-neutral-on-container [&_[data-slot=alert-title]]:text-neutral-on-container',\n        success:\n          'border-success-border bg-success-container [&_[data-slot=alert-description]]:text-success-on-container-muted [&_[data-slot=alert-icon]]:text-success-on-container [&_[data-slot=alert-title]]:text-success-on-container',\n        warning:\n          'border-warning-border bg-warning-container [&_[data-slot=alert-description]]:text-warning-on-container-muted [&_[data-slot=alert-icon]]:text-warning-on-container [&_[data-slot=alert-title]]:text-warning-on-container',\n      },\n    },\n  },\n)\n\ntype AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>\ntype AlertTitleProps = React.ComponentProps<'div'>\ntype AlertDescriptionProps = React.ComponentProps<'div'>\ntype AlertActionProps = React.ComponentProps<'div'>\ntype AlertIconProps = React.ComponentProps<'div'>\n\nexport {\n  alertVariants,\n  type AlertProps,\n  type AlertTitleProps,\n  type AlertDescriptionProps,\n  type AlertActionProps,\n  type AlertIconProps,\n}\n","import { cn } from '@/utils/cn'\n\nimport { alertVariants } from './alert.types'\nimport type { AlertProps } from './alert.types'\n\nexport function Alert({ tone, className, ref, ...props }: AlertProps) {\n  return <div className={cn(alertVariants({ className, tone }))} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertActionProps } from './alert.types'\n\nexport function AlertAction({ className, ref, ...props }: AlertActionProps) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn('col-[-2/-1] row-span-2 row-start-1 ml-md self-start', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertDescriptionProps } from './alert.types'\n\nexport function AlertDescription({ className, ref, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('style-text-prose--1', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertIconProps } from './alert.types'\n\nexport function AlertIcon({ className, ref, ...props }: AlertIconProps) {\n  return (\n    <div\n      data-slot=\"alert-icon\"\n      className={cn(\n        'col-start-1 row-start-1 self-start transition-colors [&>svg]:size-md',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertTitleProps } from './alert.types'\n\nexport function AlertTitle({ className, ref, ...props }: AlertTitleProps) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'flex items-center gap-2xs font-heading text-base font-bold [&:has(~_[data-slot=alert-description])]:leading-[1.2] [&:not(:has(~_[data-slot=alert-description]))]:leading-none',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Alert as AlertRoot } from './alert'\nimport { AlertAction } from './alert-action'\nimport { AlertDescription } from './alert-description'\nimport { AlertIcon } from './alert-icon'\nimport { AlertTitle } from './alert-title'\n\nconst Alert = Object.assign(AlertRoot, {\n  Action: AlertAction,\n  Description: AlertDescription,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n})\n\nexport type {\n  AlertActionProps,\n  AlertDescriptionProps,\n  AlertIconProps,\n  AlertProps,\n  AlertTitleProps,\n} from './alert.types'\nexport { AlertDescription } from './alert-description'\nexport { AlertTitle } from './alert-title'\nexport { AlertAction } from './alert-action'\nexport { AlertIcon } from './alert-icon'\n\nexport { Alert }\n"],"mappings":";;;;AAGA,MAAM,gBAAgB,IACpB,saACA;CACE,iBAAiB,EACf,MAAM,QACR;CACA,UAAU,EACR,MAAM;EACJ,QACE;EACF,OACE;EACF,OACE;EACF,MAAM;EACN,SACE;EACF,SACE;EACF,SACE;CACJ,EACF;AACF,CACF;;ACtBA,SAAgBA,QAAM,EAAE,MAAM,WAAW,KAAK,GAAG,SAAqB;CACpE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,cAAc;GAAE;GAAW;EAAK,CAAC,CAAC;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACvF;;ACHA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EACzE;EACL,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,iBAAiB,EAAE,WAAW,KAAK,GAAG,SAAgC;CACpF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,UAAU,EAAE,WAAW,KAAK,GAAG,SAAyB;CACtE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,wEACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACZA,SAAgB,WAAW,EAAE,WAAW,KAAK,GAAG,SAA0B;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,iLACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACVA,MAAM,QAAQ,OAAO,OAAOC,SAAW;CACrC,QAAQ;CACR,aAAa;CACb,MAAM;CACN,OAAO;AACT,CAAC"}

package/dist/alert-dialog/index.d.ts

@@ -0,0 +1,39 @@
+import { t as ButtonProps } from "../button.types-BFKrBCGd.js";
+import { VariantProps } from "class-variance-authority";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react";
+declare const alertDialogVariants: (props?: ({
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string, alertDialogHandle: AlertDialog$1.Handle<import("react").ComponentType<{}>>;
+type AlertDialogProps = React.ComponentProps<typeof AlertDialog$1.Root>;
+type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger>;
+type AlertDialogPopupProps = React.ComponentProps<typeof AlertDialog$1.Popup> & VariantProps<typeof alertDialogVariants>;
+type AlertDialogHeaderProps = React.ComponentProps<'div'>;
+type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
+type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
+type AlertDialogCloseProps = React.ComponentProps<typeof AlertDialog$1.Close> & Pick<ButtonProps, 'tone' | 'variant' | 'size'>;
+type AlertDialogFooterProps = React.ComponentProps<'div'>;
+type AlertDialogConfirmProps = React.ComponentProps<typeof AlertDialog$1.Close> & Pick<ButtonProps, 'tone' | 'variant' | 'size'>;
+type AlertDialogIconProps = React.ComponentProps<'div'>;
+declare function AlertDialog$2({ ...props }: AlertDialogProps): import("react").JSX.Element;
+export declare function AlertDialogClose({ className, tone, variant, size, ...props }: AlertDialogCloseProps): import("react").JSX.Element;
+export declare function AlertDialogConfirm({ className, ref, ...props }: AlertDialogConfirmProps): import("react").JSX.Element;
+export declare function AlertDialogDescription({ className, ref, ...props }: AlertDialogDescriptionProps): import("react").JSX.Element;
+export declare function AlertDialogFooter({ className, ref, ...props }: AlertDialogFooterProps): import("react").JSX.Element;
+export declare function AlertDialogHeader({ className, ref, ...props }: AlertDialogHeaderProps): import("react").JSX.Element;
+export declare function AlertDialogIcon({ className, ref, ...props }: AlertDialogIconProps): import("react").JSX.Element;
+export declare function AlertDialogPopup({ tone, className, ref, ...props }: AlertDialogPopupProps): import("react").JSX.Element;
+export declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): import("react").JSX.Element;
+export declare function AlertDialogTrigger({ className, children, ref, ...props }: AlertDialogTriggerProps): import("react").JSX.Element;
+declare const AlertDialog: typeof AlertDialog$2 & {
+  Close: typeof AlertDialogClose;
+  Confirm: typeof AlertDialogConfirm;
+  Description: typeof AlertDialogDescription;
+  Footer: typeof AlertDialogFooter;
+  Header: typeof AlertDialogHeader;
+  Icon: typeof AlertDialogIcon;
+  Popup: typeof AlertDialogPopup;
+  Title: typeof AlertDialogTitle;
+  Trigger: typeof AlertDialogTrigger;
+};
+export { AlertDialog, type AlertDialogCloseProps, type AlertDialogConfirmProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogIconProps, type AlertDialogPopupProps, type AlertDialogProps, type AlertDialogTitleProps, type AlertDialogTriggerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/alert-dialog/index.js

@@ -0,0 +1,134 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { t as Button$1 } from "../button-DXQvyQyj.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react";
+// src/components/alert-dialog/alert-dialog.tsx
+function AlertDialog$2({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props });
+}
+// src/components/alert-dialog/alert-dialog-close.tsx
+function AlertDialogClose({ className, tone = "neutral", variant = "outline", size, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		"data-slot": "alert-dialog-close",
+		className: cn(className),
+		render: /* @__PURE__ */ jsx(Button$1, {
+			tone,
+			variant,
+			size
+		}),
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog-confirm.tsx
+function AlertDialogConfirm({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		"data-confirm": true,
+		"data-slot": "alert-dialog-confirm",
+		className: cn("", className),
+		ref,
+		...props,
+		render: /* @__PURE__ */ jsx(Button$1, {})
+	});
+}
+// src/components/alert-dialog/alert-dialog-description.tsx
+function AlertDialogDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("mb-[0px] style-text-prose-0", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog-footer.tsx
+function AlertDialogFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-start justify-end gap-2xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog-header.tsx
+function AlertDialogHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid auto-rows-min items-center gap-x-sm has-data-[slot=alert-dialog-description]:grid-rows-[auto_auto] has-data-[slot=alert-dialog-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-dialog-description]:**:data-[slot=alert-dialog-icon]:row-span-2", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog-icon.tsx
+function AlertDialogIcon({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-icon",
+		className: cn("row-span-2 self-start [&>svg]:size-xl [&>svg]:shrink-0", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog.types.ts
+const alertDialogVariants = cva("fixed top-1/2 left-1/2 z-999 max-w-[lg(100vw-3rem)] min-w-1/3 -translate-1/2 space-y-md overflow-hidden rounded-3xl bg-surface-3 p-md transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", {
+	defaultVariants: { tone: "brand" },
+	variants: { tone: {
+		accent: "[&_[data-slot=alert-dialog-confirm]]:bg-accent-default [&_[data-slot=alert-dialog-confirm]]:text-accent-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-accent-muted [&_svg]:text-accent-default",
+		brand: "[&_[data-slot=alert-dialog-confirm]]:bg-brand-default [&_[data-slot=alert-dialog-confirm]]:text-brand-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-brand-muted [&_svg]:text-brand-default",
+		error: "[&_[data-slot=alert-dialog-confirm]]:bg-error-default [&_[data-slot=alert-dialog-confirm]]:text-error-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-error-muted [&_svg]:text-error-default",
+		info: "[&_[data-slot=alert-dialog-confirm]]:bg-info-default [&_[data-slot=alert-dialog-confirm]]:text-info-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-info-muted [&_svg]:text-info-default",
+		neutral: "[&_[data-slot=alert-dialog-confirm]]:bg-neutral-default [&_[data-slot=alert-dialog-confirm]]:text-neutral-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-neutral-muted [&_svg]:text-neutral-default",
+		success: "[&_[data-slot=alert-dialog-confirm]]:bg-success-default [&_[data-slot=alert-dialog-confirm]]:text-success-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-success-muted [&_svg]:text-success-default",
+		warning: "[&_[data-slot=alert-dialog-confirm]]:bg-warning-default [&_[data-slot=alert-dialog-confirm]]:text-warning-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-warning-muted [&_svg]:text-warning-default"
+	} }
+});
+AlertDialog$1.createHandle();
+// src/components/alert-dialog/alert-dialog-popup.tsx
+const style = {
+	WebkitBackdropFilter: "blur(16px)",
+	backdropFilter: "blur(16px)",
+	backgroundColor: "rgb(0 0 0 / 10%)"
+};
+function AlertDialogPopup({ tone, className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
+		"data-slot": "alert-dialog-backdrop",
+		className: "fixed inset-[0px] z-998 min-h-dvh transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute",
+		style
+	}), /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
+		className: cn(alertDialogVariants({ tone }), className),
+		ref,
+		...props
+	})] });
+}
+// src/components/alert-dialog/alert-dialog-title.tsx
+function AlertDialogTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("style-text-strong-1", className),
+		ref,
+		...props
+	});
+}
+// src/components/alert-dialog/alert-dialog-trigger.tsx
+function AlertDialogTrigger({ className, children, ref, ...props }) {
+	let render = void 0;
+	if (isValidElement(children)) render = children;
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		className: cn("", className),
+		ref,
+		...props,
+		render
+	});
+}
+// src/components/alert-dialog/index.ts
+const AlertDialog = Object.assign(AlertDialog$2, {
+	Close: AlertDialogClose,
+	Confirm: AlertDialogConfirm,
+	Description: AlertDialogDescription,
+	Footer: AlertDialogFooter,
+	Header: AlertDialogHeader,
+	Icon: AlertDialogIcon,
+	Popup: AlertDialogPopup,
+	Title: AlertDialogTitle,
+	Trigger: AlertDialogTrigger
+});
+export { AlertDialog, AlertDialogClose, AlertDialogConfirm, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIcon, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AlertDialog","BaseAlertDialog","BaseAlertDialog","Button","BaseAlertDialog","Button","BaseAlertDialog","BaseAlertDialog","BaseAlertDialog","BaseAlertDialog","BaseAlertDialog","AlertDialogRoot"],"sources":["../../src/components/alert-dialog/alert-dialog.tsx","../../src/components/alert-dialog/alert-dialog-close.tsx","../../src/components/alert-dialog/alert-dialog-confirm.tsx","../../src/components/alert-dialog/alert-dialog-description.tsx","../../src/components/alert-dialog/alert-dialog-footer.tsx","../../src/components/alert-dialog/alert-dialog-header.tsx","../../src/components/alert-dialog/alert-dialog-icon.tsx","../../src/components/alert-dialog/alert-dialog.types.ts","../../src/components/alert-dialog/alert-dialog-popup.tsx","../../src/components/alert-dialog/alert-dialog-title.tsx","../../src/components/alert-dialog/alert-dialog-trigger.tsx","../../src/components/alert-dialog/index.ts"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport type { AlertDialogProps } from './alert-dialog.types'\n\nexport function AlertDialog({ ...props }: AlertDialogProps) {\n  return <BaseAlertDialog.Root {...props} />\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport type { AlertDialogCloseProps } from './alert-dialog.types'\n\nexport function AlertDialogClose({\n  className,\n  tone = 'neutral',\n  variant = 'outline',\n  size,\n  ...props\n}: AlertDialogCloseProps) {\n  return (\n    <BaseAlertDialog.Close\n      data-slot=\"alert-dialog-close\"\n      className={cn(className)}\n      render={<Button tone={tone} variant={variant} size={size} />}\n      {...props}\n    />\n  )\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport type { AlertDialogConfirmProps } from './alert-dialog.types'\n\nexport function AlertDialogConfirm({ className, ref, ...props }: AlertDialogConfirmProps) {\n  return (\n    <BaseAlertDialog.Close\n      data-confirm\n      data-slot=\"alert-dialog-confirm\"\n      className={cn('', className)}\n      ref={ref}\n      {...props}\n      render={<Button />}\n    />\n  )\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { AlertDialogDescriptionProps } from './alert-dialog.types'\n\nexport function AlertDialogDescription({ className, ref, ...props }: AlertDialogDescriptionProps) {\n  return (\n    <BaseAlertDialog.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('mb-[0px] style-text-prose-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertDialogFooterProps } from './alert-dialog.types'\n\nexport function AlertDialogFooter({ className, ref, ...props }: AlertDialogFooterProps) {\n  return (\n    <div className={cn('flex items-start justify-end gap-2xs', className)} ref={ref} {...props} />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertDialogHeaderProps } from './alert-dialog.types'\n\nexport function AlertDialogHeader({ className, ref, ...props }: AlertDialogHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'grid auto-rows-min items-center gap-x-sm has-data-[slot=alert-dialog-description]:grid-rows-[auto_auto] has-data-[slot=alert-dialog-icon]:grid-cols-[auto_1fr] has-data-[slot=alert-dialog-description]:**:data-[slot=alert-dialog-icon]:row-span-2',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { AlertDialogIconProps } from './alert-dialog.types'\n\nexport function AlertDialogIcon({ className, ref, ...props }: AlertDialogIconProps) {\n  return (\n    <div\n      data-slot=\"alert-dialog-icon\"\n      className={cn('row-span-2 self-start [&>svg]:size-xl [&>svg]:shrink-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport type { ButtonProps } from '../button/button.types'\n\nconst alertDialogVariants = cva(\n    'fixed top-1/2 left-1/2 z-999 max-w-[lg(100vw-3rem)] min-w-1/3 -translate-1/2 space-y-md overflow-hidden rounded-3xl bg-surface-3 p-md transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0',\n    {\n      defaultVariants: {\n        tone: 'brand',\n      },\n      variants: {\n        tone: {\n          accent:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-accent-default [&_[data-slot=alert-dialog-confirm]]:text-accent-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-accent-muted [&_svg]:text-accent-default',\n          brand:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-brand-default [&_[data-slot=alert-dialog-confirm]]:text-brand-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-brand-muted [&_svg]:text-brand-default',\n          error:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-error-default [&_[data-slot=alert-dialog-confirm]]:text-error-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-error-muted [&_svg]:text-error-default',\n          info: '[&_[data-slot=alert-dialog-confirm]]:bg-info-default [&_[data-slot=alert-dialog-confirm]]:text-info-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-info-muted [&_svg]:text-info-default',\n          neutral:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-neutral-default [&_[data-slot=alert-dialog-confirm]]:text-neutral-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-neutral-muted [&_svg]:text-neutral-default',\n          success:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-success-default [&_[data-slot=alert-dialog-confirm]]:text-success-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-success-muted [&_svg]:text-success-default',\n          warning:\n            '[&_[data-slot=alert-dialog-confirm]]:bg-warning-default [&_[data-slot=alert-dialog-confirm]]:text-warning-on-default [&_[data-slot=alert-dialog-confirm]]:hover:bg-warning-muted [&_svg]:text-warning-default',\n        },\n      },\n    },\n  ),\n  alertDialogHandle = BaseAlertDialog.createHandle<React.ComponentType>()\n\ntype AlertDialogProps = React.ComponentProps<typeof BaseAlertDialog.Root>\ntype AlertDialogTriggerProps = React.ComponentProps<typeof BaseAlertDialog.Trigger>\ntype AlertDialogPopupProps = React.ComponentProps<typeof BaseAlertDialog.Popup> &\n  VariantProps<typeof alertDialogVariants>\ntype AlertDialogHeaderProps = React.ComponentProps<'div'>\ntype AlertDialogTitleProps = React.ComponentProps<typeof BaseAlertDialog.Title>\ntype AlertDialogDescriptionProps = React.ComponentProps<typeof BaseAlertDialog.Description>\ntype AlertDialogCloseProps = React.ComponentProps<typeof BaseAlertDialog.Close> &\n  Pick<ButtonProps, 'tone' | 'variant' | 'size'>\ntype AlertDialogFooterProps = React.ComponentProps<'div'>\ntype AlertDialogConfirmProps = React.ComponentProps<typeof BaseAlertDialog.Close> &\n  Pick<ButtonProps, 'tone' | 'variant' | 'size'>\ntype AlertDialogIconProps = React.ComponentProps<'div'>\n\nexport type {\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogPopupProps,\n  AlertDialogHeaderProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n  AlertDialogCloseProps,\n  AlertDialogFooterProps,\n  AlertDialogConfirmProps,\n  AlertDialogIconProps,\n}\nexport { alertDialogHandle, alertDialogVariants }\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport { alertDialogVariants } from './alert-dialog.types'\nimport type { AlertDialogPopupProps } from './alert-dialog.types'\n\nconst style: React.CSSProperties = {\n  WebkitBackdropFilter: 'blur(16px)',\n  backdropFilter: 'blur(16px)',\n  backgroundColor: 'rgb(0 0 0 / 10%)',\n}\n\nexport function AlertDialogPopup({ tone, className, ref, ...props }: AlertDialogPopupProps) {\n  return (\n    <BaseAlertDialog.Portal>\n      <BaseAlertDialog.Backdrop\n        data-slot=\"alert-dialog-backdrop\"\n        className=\"fixed inset-[0px] z-998 min-h-dvh transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\n        style={style}\n      />\n      <BaseAlertDialog.Popup\n        className={cn(alertDialogVariants({ tone }), className)}\n        ref={ref}\n        {...props}\n      />\n    </BaseAlertDialog.Portal>\n  )\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { AlertDialogTitleProps } from './alert-dialog.types'\n\nexport function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps) {\n  return (\n    <BaseAlertDialog.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn('style-text-strong-1', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react'\nimport { isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { AlertDialogTriggerProps } from './alert-dialog.types'\n\nexport function AlertDialogTrigger({\n  className,\n  children,\n  ref,\n  ...props\n}: AlertDialogTriggerProps) {\n  let render: ReactElement | undefined = undefined\n  if (isValidElement(children)) {\n    render = children\n  }\n\n  return (\n    <BaseAlertDialog.Trigger className={cn('', className)} ref={ref} {...props} render={render} />\n  )\n}\n","import { AlertDialog as AlertDialogRoot } from './alert-dialog'\nimport { AlertDialogClose } from './alert-dialog-close'\nimport { AlertDialogConfirm } from './alert-dialog-confirm'\nimport { AlertDialogDescription } from './alert-dialog-description'\nimport { AlertDialogFooter } from './alert-dialog-footer'\nimport { AlertDialogHeader } from './alert-dialog-header'\nimport { AlertDialogIcon } from './alert-dialog-icon'\nimport { AlertDialogPopup } from './alert-dialog-popup'\nimport { AlertDialogTitle } from './alert-dialog-title'\nimport { AlertDialogTrigger } from './alert-dialog-trigger'\n\nconst AlertDialog = Object.assign(AlertDialogRoot, {\n  Close: AlertDialogClose,\n  Confirm: AlertDialogConfirm,\n  Description: AlertDialogDescription,\n  Footer: AlertDialogFooter,\n  Header: AlertDialogHeader,\n  Icon: AlertDialogIcon,\n  Popup: AlertDialogPopup,\n  Title: AlertDialogTitle,\n  Trigger: AlertDialogTrigger,\n})\n\nexport type {\n  AlertDialogCloseProps,\n  AlertDialogConfirmProps,\n  AlertDialogDescriptionProps,\n  AlertDialogFooterProps,\n  AlertDialogHeaderProps,\n  AlertDialogPopupProps,\n  AlertDialogProps,\n  AlertDialogTitleProps,\n  AlertDialogTriggerProps,\n  AlertDialogIconProps,\n} from './alert-dialog.types'\nexport { AlertDialogClose } from './alert-dialog-close'\nexport { AlertDialogConfirm } from './alert-dialog-confirm'\nexport { AlertDialogDescription } from './alert-dialog-description'\nexport { AlertDialogFooter } from './alert-dialog-footer'\nexport { AlertDialogHeader } from './alert-dialog-header'\nexport { AlertDialogPopup } from './alert-dialog-popup'\nexport { AlertDialogTitle } from './alert-dialog-title'\nexport { AlertDialogTrigger } from './alert-dialog-trigger'\nexport { AlertDialogIcon } from './alert-dialog-icon'\n\nexport { AlertDialog }\n"],"mappings":";;;;;;;AAIA,SAAgBA,cAAY,EAAE,GAAG,SAA2B;CAC1D,OAAO,oBAACC,cAAgB,MAAjB,EAAsB,GAAI,MAAQ,CAAA;AAC3C;;ACCA,SAAgB,iBAAiB,EAC/B,WACA,OAAO,WACP,UAAU,WACV,MACA,GAAG,SACqB;CACxB,OACE,oBAACC,cAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,SAAS;EACvB,QAAQ,oBAACC,UAAD;GAAc;GAAe;GAAe;EAAO,CAAA;EAC3D,GAAI;CACL,CAAA;AAEL;;ACfA,SAAgB,mBAAmB,EAAE,WAAW,KAAK,GAAG,SAAkC;CACxF,OACE,oBAACC,cAAgB,OAAjB;EACE,gBAAA;EACA,aAAU;EACV,WAAW,GAAG,IAAI,SAAS;EACtB;EACL,GAAI;EACJ,QAAQ,oBAACC,UAAD,CAAS,CAAA;CAClB,CAAA;AAEL;;ACZA,SAAgB,uBAAuB,EAAE,WAAW,KAAK,GAAG,SAAsC;CAChG,OACE,oBAACC,cAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACjD;EACL,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,kBAAkB,EAAE,WAAW,KAAK,GAAG,SAAiC;CACtF,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,wCAAwC,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAEjG;;ACJA,SAAgB,kBAAkB,EAAE,WAAW,KAAK,GAAG,SAAiC;CACtF,OACE,oBAAC,OAAD;EACE,WAAW,GACT,uPACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,gBAAgB,EAAE,WAAW,KAAK,GAAG,SAA+B;CAClF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,SAAS;EAC5E;EACL,GAAI;CACL,CAAA;AAEL;;ACPA,MAAM,sBAAsB,IACxB,uRACA;CACE,iBAAiB,EACf,MAAM,QACR;CACA,UAAU,EACR,MAAM;EACJ,QACE;EACF,OACE;EACF,OACE;EACF,MAAM;EACN,SACE;EACF,SACE;EACF,SACE;CACJ,EACF;AACF,CACF;AACoBC,cAAgB,aAAkC;;ACxBxE,MAAM,QAA6B;CACjC,sBAAsB;CACtB,gBAAgB;CAChB,iBAAiB;AACnB;AAEA,SAAgB,iBAAiB,EAAE,MAAM,WAAW,KAAK,GAAG,SAAgC;CAC1F,OACE,qBAACC,cAAgB,QAAjB,EAAA,UAAA,CACE,oBAACA,cAAgB,UAAjB;EACE,aAAU;EACV,WAAU;EACH;CACR,CAAA,GACD,oBAACA,cAAgB,OAAjB;EACE,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;EACjD;EACL,GAAI;CACL,CAAA,CACqB,EAAA,CAAA;AAE5B;;ACtBA,SAAgB,iBAAiB,EAAE,WAAW,KAAK,GAAG,SAAgC;CACpF,OACE,oBAACC,cAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAI;CACL,CAAA;AAEL;;ACPA,SAAgB,mBAAmB,EACjC,WACA,UACA,KACA,GAAG,SACuB;CAC1B,IAAI,SAAmC,KAAA;CACvC,IAAI,eAAe,QAAQ,GACzB,SAAS;CAGX,OACE,oBAACC,cAAgB,SAAjB;EAAyB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAAe;CAAS,CAAA;AAEjG;;ACXA,MAAM,cAAc,OAAO,OAAOC,eAAiB;CACjD,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;AACX,CAAC"}

package/dist/autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+import { A as AutocompleteTriggerProps, C as AutocompleteInputGroupAddonProps, D as AutocompleteProps, E as AutocompleteItemProps, O as AutocompleteRowProps, S as AutocompleteGroupProps, T as AutocompleteInputGroupProps, _ as AutocompleteContentProps, a as AutocompleteItem, b as AutocompleteGridItemProps, c as AutocompleteInputGroup, d as AutocompleteGridItem, f as AutocompleteGridContent, g as AutocompleteCollectionProps, h as AutocompleteCollection, i as AutocompleteRow, k as AutocompleteStatusProps, l as AutocompleteGroupLabel, m as AutocompleteContent, n as AutocompleteTrigger, o as AutocompleteInputGroupInput, p as AutocompleteEmpty, r as AutocompleteStatus, s as AutocompleteInputGroupAddon, t as Autocomplete, u as AutocompleteGroup, v as AutocompleteEmptyProps, w as AutocompleteInputGroupInputProps, x as AutocompleteGroupLabelProps, y as AutocompleteGridContentProps } from "../index-BJVMIPq4.js";
+export { Autocomplete, AutocompleteCollection, type AutocompleteCollectionProps, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteGridContent, type AutocompleteGridContentProps, AutocompleteGridItem, type AutocompleteGridItemProps, AutocompleteGroup, AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, AutocompleteInputGroup, AutocompleteInputGroupAddon, type AutocompleteInputGroupAddonProps, AutocompleteInputGroupInput, type AutocompleteInputGroupInputProps, type AutocompleteInputGroupProps, AutocompleteItem, type AutocompleteItemProps, type AutocompleteProps, AutocompleteRow, type AutocompleteRowProps, AutocompleteStatus, type AutocompleteStatusProps, AutocompleteTrigger, type AutocompleteTriggerProps };

package/dist/autocomplete/index.js

@@ -0,0 +1 @@
+export { t as Autocomplete, h as AutocompleteCollection, m as AutocompleteContent, p as AutocompleteEmpty, u as AutocompleteGridContent, l as AutocompleteGridItem, c as AutocompleteGroup, s as AutocompleteGroupLabel, f as AutocompleteInputGroup, o as AutocompleteInputGroupAddon, d as AutocompleteInputGroupInput, a as AutocompleteItem, i as AutocompleteRow, r as AutocompleteStatus, n as AutocompleteTrigger } from "../autocomplete-BfpWVO1l.js";