ixia-ui-react 1.8.0 → 2.1.0

package/dist/popover/index.d.ts

@@ -0,0 +1,2 @@
+import { _ as popoverHandle, a as PopoverHeader, c as PopoverButton, d as PopoverDescriptionProps, f as PopoverHeaderProps, g as PopoverTriggerProps, h as PopoverTitleProps, i as PopoverPanel, l as PopoverButtonProps, m as PopoverProps, n as PopoverTrigger, o as PopoverDescription, p as PopoverPanelProps, r as PopoverTitle, s as PopoverContent, t as Popover, u as PopoverContentProps } from "../index-B0Qz4Egw.js";
+export { Popover, PopoverButton, type PopoverButtonProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPanel, type PopoverPanelProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, popoverHandle };

package/dist/popover/index.js

@@ -0,0 +1 @@
+export { t as Popover, l as PopoverButton, c as PopoverContent, s as PopoverDescription, o as PopoverHeader, i as PopoverPanel, r as PopoverTitle, n as PopoverTrigger, a as popoverHandle } from "../popover-0WDxRi-s.js";

package/dist/popover-0WDxRi-s.js

@@ -0,0 +1,114 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { t as Button } from "./button-DXQvyQyj.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { Popover } from "@base-ui/react/popover";
+// src/components/popover/popover.tsx
+function Popover$2({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
+}
+// src/components/popover/popover-button.tsx
+function PopoverButton({ variant, tone, className, children, ref, ...props }) {
+	if (variant === "ghost" && tone === "neutral") return /* @__PURE__ */ jsx(Button, {
+		variant,
+		tone,
+		className: cn("hover:bg-neutral-container-high!", className),
+		ref,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		tone,
+		className: cn("", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/popover/popover-content.tsx
+function PopoverContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("space-y-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/popover/popover-description.tsx
+function PopoverDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		className: cn("style-text-prose--1", className),
+		ref,
+		...props
+	});
+}
+// src/components/popover/popover-header.tsx
+function PopoverHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col pb-xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/popover/popover.types.ts
+const popoverPanelVariants = cva("relative z-99 h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) overflow-hidden rounded-2xl text-on-surface transition-[width,height,opacity,scale] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-ending-style:scale-90 data-ending-style:opacity-0 data-instant:transition-none data-starting-style:scale-90 data-starting-style:opacity-0", {
+	defaultVariants: { elevation: "medium" },
+	variants: { elevation: {
+		high: "bg-surface-3 shadow-lg",
+		low: "bg-surface shadow-sm",
+		medium: "bg-surface-2 shadow-md"
+	} }
+});
+const popoverHandle = Popover.createHandle();
+// src/components/popover/popover-panel.tsx
+function PopoverPanel({ elevation, className, ref, children, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		className: cn("h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom,transform] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none"),
+		ref,
+		sideOffset: 8,
+		...props,
+		children: /* @__PURE__ */ jsxs(Popover.Popup, {
+			className: popoverPanelVariants({
+				className,
+				elevation
+			}),
+			children: [/* @__PURE__ */ jsx(Popover.Arrow, { className: "flex transition-[left] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180" }), /* @__PURE__ */ jsx(Popover.Viewport, {
+				className: cn("relative h-(--popup-height,auto) w-(--popup-width,auto) max-w-full overflow-clip p-[1rem] transition-[width,height] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] **:data-current:w-[calc(var(--popup-width)-2rem)] **:data-current:translate-x-0 **:data-current:opacity-100 **:data-current:transition-[translate,opacity] **:data-current:duration-[350ms,175ms] **:data-current:ease-[cubic-bezier(0.22,1,0.36,1)] **:data-previous:w-[calc(var(--popup-width)-2rem)] **:data-previous:translate-x-0 **:data-previous:opacity-100 **:data-previous:transition-[translate,opacity] **:data-previous:duration-[350ms,175ms] **:data-previous:ease-[cubic-bezier(0.22,1,0.36,1)] **:data-[activation-direction~='left']:data-previous:data-ending-style:translate-x-1/2 **:data-[activation-direction~='left']:data-previous:data-ending-style:opacity-0 **:data-[activation-direction~='left']:data-current:data-starting-style:-translate-x-1/2 **:data-[activation-direction~='left']:data-current:data-starting-style:opacity-0 **:data-[activation-direction~='right']:data-previous:data-ending-style:-translate-x-1/2 **:data-[activation-direction~='right']:data-previous:data-ending-style:opacity-0 **:data-[activation-direction~='right']:data-current:data-starting-style:translate-x-1/2 **:data-[activation-direction~='right']:data-current:data-starting-style:opacity-0", className),
+				children
+			})]
+		})
+	}) });
+}
+// src/components/popover/popover-title.tsx
+function PopoverTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		className: cn("flex items-center gap-2xs style-text-strong-0 [&>svg]:size-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/popover/popover-trigger.tsx
+function PopoverTrigger({ className, children, ref, ...props }) {
+	let render = void 0;
+	if (isValidElement(children)) render = children;
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		className: cn("px-xs", className),
+		ref,
+		render,
+		...props
+	});
+}
+// src/components/popover/index.ts
+const Popover$1 = Object.assign(Popover$2, {
+	Button: PopoverButton,
+	Content: PopoverContent,
+	Description: PopoverDescription,
+	Header: PopoverHeader,
+	Panel: PopoverPanel,
+	Title: PopoverTitle,
+	Trigger: PopoverTrigger
+});
+export { popoverHandle as a, PopoverContent as c, PopoverPanel as i, PopoverButton as l, PopoverTrigger as n, PopoverHeader as o, PopoverTitle as r, PopoverDescription as s, Popover$1 as t };
+
+//# sourceMappingURL=popover-0WDxRi-s.js.map

package/dist/popover-0WDxRi-s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-0WDxRi-s.js","names":["Popover","BasePopover","BasePopover","BasePopover","BasePopover","BasePopover","BasePopover","Popover","PopoverRoot"],"sources":["../src/components/popover/popover.tsx","../src/components/popover/popover-button.tsx","../src/components/popover/popover-content.tsx","../src/components/popover/popover-description.tsx","../src/components/popover/popover-header.tsx","../src/components/popover/popover.types.ts","../src/components/popover/popover-panel.tsx","../src/components/popover/popover-title.tsx","../src/components/popover/popover-trigger.tsx","../src/components/popover/index.ts"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\n\nimport type { PopoverProps } from './popover.types'\n\nexport function Popover({ ...props }: PopoverProps) {\n  return <BasePopover.Root {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport type { PopoverButtonProps } from './popover.types'\n\nexport function PopoverButton({\n  variant,\n  tone,\n  className,\n  children,\n  ref,\n  ...props\n}: PopoverButtonProps) {\n  if (variant === 'ghost' && tone === 'neutral') {\n    return (\n      <Button\n        variant={variant}\n        tone={tone}\n        className={cn('hover:bg-neutral-container-high!', className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </Button>\n    )\n  }\n\n  return (\n    <Button variant={variant} tone={tone} className={cn('', className)} ref={ref} {...props}>\n      {children}\n    </Button>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { PopoverContentProps } from './popover.types'\n\nexport function PopoverContent({ className, ref, ...props }: PopoverContentProps) {\n  return <div className={cn('space-y-3xs', className)} ref={ref} {...props} />\n}\n","import { Popover as BasePopover } from '@base-ui/react/popover'\n\nimport { cn } from '@/utils/cn'\n\nimport type { PopoverDescriptionProps } from './popover.types'\n\nexport function PopoverDescription({ className, ref, ...props }: PopoverDescriptionProps) {\n  return (\n    <BasePopover.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 { PopoverHeaderProps } from './popover.types'\n\nexport function PopoverHeader({ className, ref, ...props }: PopoverHeaderProps) {\n  return <div className={cn('flex flex-col pb-xs', className)} ref={ref} {...props} />\n}\n","import { Popover as BasePopover } from '@base-ui/react/popover'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport type { Button } from '../button'\n\nconst popoverPanelVariants = cva(\n    'relative z-99 h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) overflow-hidden rounded-2xl text-on-surface transition-[width,height,opacity,scale] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-ending-style:scale-90 data-ending-style:opacity-0 data-instant:transition-none data-starting-style:scale-90 data-starting-style:opacity-0',\n    {\n      defaultVariants: {\n        elevation: 'medium',\n      },\n      variants: {\n        elevation: {\n          high: 'bg-surface-3 shadow-lg',\n          low: 'bg-surface shadow-sm',\n          medium: 'bg-surface-2 shadow-md',\n        },\n      },\n    },\n  ),\n  popoverHandle = BasePopover.createHandle<React.ComponentType>()\n\ntype PopoverProps = React.ComponentProps<typeof BasePopover.Root>\ntype PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>\ntype PopoverPanelProps = React.ComponentProps<typeof BasePopover.Positioner> &\n  VariantProps<typeof popoverPanelVariants>\ntype PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>\ntype PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>\ntype PopoverHeaderProps = React.ComponentProps<'div'>\ntype PopoverContentProps = React.ComponentProps<'div'>\ntype PopoverButtonProps = React.ComponentProps<typeof Button>\n\nexport type {\n  PopoverProps,\n  PopoverTriggerProps,\n  PopoverPanelProps,\n  PopoverTitleProps,\n  PopoverDescriptionProps,\n  PopoverHeaderProps,\n  PopoverContentProps,\n  PopoverButtonProps,\n}\nexport { popoverHandle, popoverPanelVariants }\n","import { Popover as BasePopover } from '@base-ui/react/popover'\n\nimport { cn } from '../../utils/cn'\nimport { popoverPanelVariants } from './popover.types'\nimport type { PopoverPanelProps } from './popover.types'\n\nexport function PopoverPanel({ elevation, className, ref, children, ...props }: PopoverPanelProps) {\n  return (\n    <BasePopover.Portal>\n      <BasePopover.Positioner\n        className={cn(\n          'h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom,transform] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none',\n        )}\n        ref={ref}\n        sideOffset={8}\n        {...props}\n      >\n        <BasePopover.Popup className={popoverPanelVariants({ className, elevation })}>\n          <BasePopover.Arrow className=\"flex transition-[left] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180\" />\n          <BasePopover.Viewport\n            className={cn(\n              \"relative h-(--popup-height,auto) w-(--popup-width,auto) max-w-full overflow-clip p-[1rem] transition-[width,height] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] **:data-current:w-[calc(var(--popup-width)-2rem)] **:data-current:translate-x-0 **:data-current:opacity-100 **:data-current:transition-[translate,opacity] **:data-current:duration-[350ms,175ms] **:data-current:ease-[cubic-bezier(0.22,1,0.36,1)] **:data-previous:w-[calc(var(--popup-width)-2rem)] **:data-previous:translate-x-0 **:data-previous:opacity-100 **:data-previous:transition-[translate,opacity] **:data-previous:duration-[350ms,175ms] **:data-previous:ease-[cubic-bezier(0.22,1,0.36,1)] **:data-[activation-direction~='left']:data-previous:data-ending-style:translate-x-1/2 **:data-[activation-direction~='left']:data-previous:data-ending-style:opacity-0 **:data-[activation-direction~='left']:data-current:data-starting-style:-translate-x-1/2 **:data-[activation-direction~='left']:data-current:data-starting-style:opacity-0 **:data-[activation-direction~='right']:data-previous:data-ending-style:-translate-x-1/2 **:data-[activation-direction~='right']:data-previous:data-ending-style:opacity-0 **:data-[activation-direction~='right']:data-current:data-starting-style:translate-x-1/2 **:data-[activation-direction~='right']:data-current:data-starting-style:opacity-0\",\n              className,\n            )}\n          >\n            {children}\n          </BasePopover.Viewport>\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  )\n}\n","import { Popover as BasePopover } from '@base-ui/react/popover'\n\nimport { cn } from '@/utils/cn'\n\nimport type { PopoverTitleProps } from './popover.types'\n\nexport function PopoverTitle({ className, ref, ...props }: PopoverTitleProps) {\n  return (\n    <BasePopover.Title\n      className={cn('flex items-center gap-2xs style-text-strong-0 [&>svg]:size-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Popover as BasePopover } from '@base-ui/react/popover'\nimport { isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { PopoverTriggerProps } from './popover.types'\n\nexport function PopoverTrigger({ className, children, ref, ...props }: PopoverTriggerProps) {\n  let render: ReactElement | undefined = undefined\n  if (isValidElement(children)) {\n    render = children\n  }\n\n  return (\n    <BasePopover.Trigger className={cn('px-xs', className)} ref={ref} render={render} {...props} />\n  )\n}\n","import { Popover as PopoverRoot } from './popover'\nimport { PopoverButton } from './popover-button'\nimport { PopoverContent } from './popover-content'\nimport { PopoverDescription } from './popover-description'\nimport { PopoverHeader } from './popover-header'\nimport { PopoverPanel } from './popover-panel'\nimport { PopoverTitle } from './popover-title'\nimport { PopoverTrigger } from './popover-trigger'\n\nconst Popover = Object.assign(PopoverRoot, {\n  Button: PopoverButton,\n  Content: PopoverContent,\n  Description: PopoverDescription,\n  Header: PopoverHeader,\n  Panel: PopoverPanel,\n  Title: PopoverTitle,\n  Trigger: PopoverTrigger,\n})\n\nexport type {\n  PopoverButtonProps,\n  PopoverContentProps,\n  PopoverDescriptionProps,\n  PopoverHeaderProps,\n  PopoverPanelProps,\n  PopoverProps,\n  PopoverTitleProps,\n  PopoverTriggerProps,\n} from './popover.types'\nexport { PopoverButton } from './popover-button'\nexport { PopoverDescription } from './popover-description'\nexport { PopoverPanel } from './popover-panel'\nexport { PopoverTitle } from './popover-title'\nexport { PopoverTrigger } from './popover-trigger'\nexport { PopoverHeader } from './popover-header'\nexport { PopoverContent } from './popover-content'\nexport { popoverHandle } from './popover.types'\n\nexport { Popover }\n"],"mappings":";;;;;;;AAIA,SAAgBA,UAAQ,EAAE,GAAG,SAAuB;CAClD,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;;ACDA,SAAgB,cAAc,EAC5B,SACA,MACA,WACA,UACA,KACA,GAAG,SACkB;CACrB,IAAI,YAAY,WAAW,SAAS,WAClC,OACE,oBAAC,QAAD;EACW;EACH;EACN,WAAW,GAAG,oCAAoC,SAAS;EACtD;EACL,GAAI;EAEH;CACK,CAAA;CAIZ,OACE,oBAAC,QAAD;EAAiB;EAAe;EAAM,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAC/E;CACK,CAAA;AAEZ;;AC5BA,SAAgB,eAAe,EAAE,WAAW,KAAK,GAAG,SAA8B;CAChF,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAC7E;;ACAA,SAAgB,mBAAmB,EAAE,WAAW,KAAK,GAAG,SAAkC;CACxF,OACE,oBAACC,QAAY,aAAb;EACE,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAI;CACL,CAAA;AAEL;;ACVA,SAAgB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CAC9E,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACrF;;ACAA,MAAM,uBAAuB,IACzB,mXACA;CACE,iBAAiB,EACf,WAAW,SACb;CACA,UAAU,EACR,WAAW;EACT,MAAM;EACN,KAAK;EACL,QAAQ;CACV,EACF;AACF,CACF;AACA,MAAA,gBAAgBC,QAAY,aAAkC;;ACfhE,SAAgB,aAAa,EAAE,WAAW,WAAW,KAAK,UAAU,GAAG,SAA4B;CACjG,OACE,oBAACC,QAAY,QAAb,EAAA,UACE,oBAACA,QAAY,YAAb;EACE,WAAW,GACT,wMACF;EACK;EACL,YAAY;EACZ,GAAI;EAEJ,UAAA,qBAACA,QAAY,OAAb;GAAmB,WAAW,qBAAqB;IAAE;IAAW;GAAU,CAAC;GAA3E,UAAA,CACE,oBAACA,QAAY,OAAb,EAAmB,WAAU,0RAA2R,CAAA,GACxT,oBAACA,QAAY,UAAb;IACE,WAAW,GACT,q0CACA,SACF;IAEC;GACmB,CAAA,CACL;;CACG,CAAA,EACN,CAAA;AAExB;;ACzBA,SAAgB,aAAa,EAAE,WAAW,KAAK,GAAG,SAA4B;CAC5E,OACE,oBAACC,QAAY,OAAb;EACE,WAAW,GAAG,iEAAiE,SAAS;EACnF;EACL,GAAI;CACL,CAAA;AAEL;;ACNA,SAAgB,eAAe,EAAE,WAAW,UAAU,KAAK,GAAG,SAA8B;CAC1F,IAAI,SAAmC,KAAA;CACvC,IAAI,eAAe,QAAQ,GACzB,SAAS;CAGX,OACE,oBAACC,QAAY,SAAb;EAAqB,WAAW,GAAG,SAAS,SAAS;EAAQ;EAAa;EAAQ,GAAI;CAAQ,CAAA;AAElG;;ACRA,MAAMC,YAAU,OAAO,OAAOC,WAAa;CACzC,QAAQ;CACR,SAAS;CACT,aAAa;CACb,QAAQ;CACR,OAAO;CACP,OAAO;CACP,SAAS;AACX,CAAC"}

package/dist/preview-card/index.d.ts

@@ -0,0 +1,13 @@
+import { PreviewCard as PreviewCard$1 } from "@base-ui/react";
+type PreviewCardProps = React.ComponentProps<typeof PreviewCard$1.Root>;
+type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard$1.Trigger>;
+type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard$1.Positioner>;
+declare function PreviewCard$2({ ...props }: PreviewCardProps): import("react").JSX.Element;
+export declare function PreviewCardPopup({ className, children, ref, ...props }: PreviewCardPopupProps): import("react").JSX.Element;
+export declare function PreviewCardTrigger({ className, ref, ...props }: PreviewCardTriggerProps): import("react").JSX.Element;
+declare const PreviewCard: typeof PreviewCard$2 & {
+  Popup: typeof PreviewCardPopup;
+  Trigger: typeof PreviewCardTrigger;
+};
+export { PreviewCard, type PreviewCardPopupProps, type PreviewCardProps, type PreviewCardTriggerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/preview-card/index.js

@@ -0,0 +1,35 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { jsx } from "react/jsx-runtime";
+import { PreviewCard as PreviewCard$1 } from "@base-ui/react";
+// src/components/preview-card/preview-card.tsx
+function PreviewCard$2({ ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard$1.Root, { ...props });
+}
+// src/components/preview-card/preview-card-popup.tsx
+function PreviewCardPopup({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard$1.Portal, { children: /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
+			className: "relative h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) rounded-xl bg-surface shadow-md transition-[transform,opacity] duration-100 ease-out data-ending-style:transform-[scale(0.98)] data-ending-style:opacity-0 data-starting-style:transform-[scale(0.98)] data-starting-style:opacity-0",
+			children
+		})
+	}) });
+}
+// src/components/preview-card/preview-card-trigger.tsx
+function PreviewCardTrigger({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/preview-card/index.ts
+const PreviewCard = Object.assign(PreviewCard$2, {
+	Popup: PreviewCardPopup,
+	Trigger: PreviewCardTrigger
+});
+export { PreviewCard, PreviewCardPopup, PreviewCardTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/preview-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PreviewCard","BasePreviewCard","BasePreviewCard","BasePreviewCard","PreviewCardRoot"],"sources":["../../src/components/preview-card/preview-card.tsx","../../src/components/preview-card/preview-card-popup.tsx","../../src/components/preview-card/preview-card-trigger.tsx","../../src/components/preview-card/index.ts"],"sourcesContent":["import { PreviewCard as BasePreviewCard } from '@base-ui/react'\n\nimport type { PreviewCardProps } from './preview-card.types'\n\nexport function PreviewCard({ ...props }: PreviewCardProps) {\n  return <BasePreviewCard.Root {...props} />\n}\n","import { PreviewCard as BasePreviewCard } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { PreviewCardPopupProps } from './preview-card.types'\n\nexport function PreviewCardPopup({ className, children, ref, ...props }: PreviewCardPopupProps) {\n  return (\n    <BasePreviewCard.Portal>\n      <BasePreviewCard.Positioner className={cn('', className)} ref={ref} {...props}>\n        <BasePreviewCard.Popup className=\"relative h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) rounded-xl bg-surface shadow-md transition-[transform,opacity] duration-100 ease-out data-ending-style:transform-[scale(0.98)] data-ending-style:opacity-0 data-starting-style:transform-[scale(0.98)] data-starting-style:opacity-0\">\n          {children}\n        </BasePreviewCard.Popup>\n      </BasePreviewCard.Positioner>\n    </BasePreviewCard.Portal>\n  )\n}\n","import { PreviewCard as BasePreviewCard } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { PreviewCardTriggerProps } from './preview-card.types'\n\nexport function PreviewCardTrigger({ className, ref, ...props }: PreviewCardTriggerProps) {\n  return <BasePreviewCard.Trigger className={cn('', className)} ref={ref} {...props} />\n}\n","import { PreviewCard as PreviewCardRoot } from './preview-card'\nimport { PreviewCardPopup } from './preview-card-popup'\nimport { PreviewCardTrigger } from './preview-card-trigger'\n\nconst PreviewCard = Object.assign(PreviewCardRoot, {\n  Popup: PreviewCardPopup,\n  Trigger: PreviewCardTrigger,\n})\n\nexport type {\n  PreviewCardPopupProps,\n  PreviewCardProps,\n  PreviewCardTriggerProps,\n} from './preview-card.types'\nexport { PreviewCardPopup } from './preview-card-popup'\nexport { PreviewCardTrigger } from './preview-card-trigger'\n\nexport { PreviewCard }\n"],"mappings":";;;;AAIA,SAAgBA,cAAY,EAAE,GAAG,SAA2B;CAC1D,OAAO,oBAACC,cAAgB,MAAjB,EAAsB,GAAI,MAAQ,CAAA;AAC3C;;ACAA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,KAAK,GAAG,SAAgC;CAC9F,OACE,oBAACC,cAAgB,QAAjB,EAAA,UACE,oBAACA,cAAgB,YAAjB;EAA4B,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EACtE,UAAA,oBAACA,cAAgB,OAAjB;GAAuB,WAAU;GAC9B;EACoB,CAAA;CACG,CAAA,EACN,CAAA;AAE5B;;ACVA,SAAgB,mBAAmB,EAAE,WAAW,KAAK,GAAG,SAAkC;CACxF,OAAO,oBAACC,cAAgB,SAAjB;EAAyB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACtF;;ACJA,MAAM,cAAc,OAAO,OAAOC,eAAiB;CACjD,OAAO;CACP,SAAS;AACX,CAAC"}

package/dist/profile/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from "react";
+type ProfileProps = ComponentProps<'div'>;
+type ProfileContentProps = React.ComponentProps<'div'> & {
+  compact?: boolean;
+};
+type ProfileActionProps = React.ComponentProps<'div'>;
+type ProfileNameProps = React.ComponentProps<'span'>;
+type ProfileSubnameProps = React.ComponentProps<'span'>;
+declare function Profile$1({ className, ref, ...props }: ProfileProps): import("react").JSX.Element;
+export declare function ProfileAction({ className, ref, ...props }: ProfileActionProps): import("react").JSX.Element;
+export declare function ProfileContent({ compact, className, ref, ...props }: ProfileContentProps): import("react").JSX.Element;
+export declare function ProfileName({ className, ref, ...props }: ProfileNameProps): import("react").JSX.Element;
+export declare function ProfileSubname({ className, ref, ...props }: ProfileSubnameProps): import("react").JSX.Element;
+declare const Profile: typeof Profile$1 & {
+  Action: typeof ProfileAction;
+  Content: typeof ProfileContent;
+  Name: typeof ProfileName;
+  Subname: typeof ProfileSubname;
+};
+export { Profile, type ProfileActionProps, type ProfileContentProps, type ProfileNameProps, type ProfileProps, type ProfileSubnameProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/profile/index.js

@@ -0,0 +1,52 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/profile/profile.tsx
+function Profile$1({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full items-center gap-sm rounded-full", className),
+		ref,
+		...props
+	});
+}
+// src/components/profile/profile-action.tsx
+function ProfileAction({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ml-auto text-on-surface-variant [&>svg]:size-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/profile/profile-content.tsx
+function ProfileContent({ compact, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col items-start justify-start", compact && "hidden", className),
+		ref,
+		...props
+	});
+}
+// src/components/profile/profile-name.tsx
+function ProfileName({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex items-center gap-xs style-text-default-0 [&>svg]:size-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/profile/profile-subname.tsx
+function ProfileSubname({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("style-text-default--2 text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/profile/index.ts
+const Profile = Object.assign(Profile$1, {
+	Action: ProfileAction,
+	Content: ProfileContent,
+	Name: ProfileName,
+	Subname: ProfileSubname
+});
+export { Profile, ProfileAction, ProfileContent, ProfileName, ProfileSubname };
+
+//# sourceMappingURL=index.js.map

package/dist/profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Profile","ProfileRoot"],"sources":["../../src/components/profile/profile.tsx","../../src/components/profile/profile-action.tsx","../../src/components/profile/profile-content.tsx","../../src/components/profile/profile-name.tsx","../../src/components/profile/profile-subname.tsx","../../src/components/profile/index.ts"],"sourcesContent":["import { cn } from '@/utils/cn'\n\nimport type { ProfileProps } from './profile.types'\n\nexport function Profile({ className, ref, ...props }: ProfileProps) {\n  return (\n    <div\n      className={cn('flex w-full items-center gap-sm rounded-full', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProfileActionProps } from './profile.types'\n\nexport function ProfileAction({ className, ref, ...props }: ProfileActionProps) {\n  return (\n    <div\n      className={cn('ml-auto text-on-surface-variant [&>svg]:size-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProfileContentProps } from './profile.types'\n\nexport function ProfileContent({ compact, className, ref, ...props }: ProfileContentProps) {\n  return (\n    <div\n      className={cn('flex flex-col items-start justify-start', compact && 'hidden', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProfileNameProps } from './profile.types'\n\nexport function ProfileName({ className, ref, ...props }: ProfileNameProps) {\n  return (\n    <span\n      className={cn('flex items-center gap-xs style-text-default-0 [&>svg]:size-md', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProfileSubnameProps } from './profile.types'\n\nexport function ProfileSubname({ className, ref, ...props }: ProfileSubnameProps) {\n  return (\n    <span\n      className={cn('style-text-default--2 text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Profile as ProfileRoot } from './profile'\nimport { ProfileAction } from './profile-action'\nimport { ProfileContent } from './profile-content'\nimport { ProfileName } from './profile-name'\nimport { ProfileSubname } from './profile-subname'\n\nconst Profile = Object.assign(ProfileRoot, {\n  Action: ProfileAction,\n  Content: ProfileContent,\n  Name: ProfileName,\n  Subname: ProfileSubname,\n})\n\nexport type {\n  ProfileProps,\n  ProfileNameProps,\n  ProfileSubnameProps,\n  ProfileActionProps,\n  ProfileContentProps,\n} from './profile.types'\nexport { ProfileName } from './profile-name'\nexport { ProfileSubname } from './profile-subname'\nexport { ProfileAction } from './profile-action'\nexport { ProfileContent } from './profile-content'\n\nexport { Profile }\n"],"mappings":";;;AAIA,SAAgBA,UAAQ,EAAE,WAAW,KAAK,GAAG,SAAuB;CAClE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,gDAAgD,SAAS;EAClE;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CAC9E,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,mDAAmD,SAAS;EACrE;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,eAAe,EAAE,SAAS,WAAW,KAAK,GAAG,SAA8B;CACzF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,2CAA2C,WAAW,UAAU,SAAS;EAClF;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,iEAAiE,SAAS;EACnF;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,eAAe,EAAE,WAAW,KAAK,GAAG,SAA8B;CAChF,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,iDAAiD,SAAS;EACnE;EACL,GAAI;CACL,CAAA;AAEL;;ACNA,MAAM,UAAU,OAAO,OAAOC,WAAa;CACzC,QAAQ;CACR,SAAS;CACT,MAAM;CACN,SAAS;AACX,CAAC"}

package/dist/progress/index.d.ts

@@ -0,0 +1,23 @@
+type ProgressProps = React.ComponentProps<'div'> & {
+  currentIndex: number;
+};
+type ProgressIndicatorProps = React.ComponentProps<'div'>;
+type ProgressBarProps = React.ComponentProps<'div'>;
+type ProgressLabelProps = React.ComponentProps<'span'>;
+type ProgressTitleProps = React.ComponentProps<'span'>;
+type ProgressDescriptionProps = React.ComponentProps<'span'>;
+declare function Progress$1({ currentIndex, className, ref, ...props }: ProgressProps): import("react").JSX.Element;
+export declare function ProgressBar({ className, ref, ...props }: ProgressBarProps): import("react").JSX.Element;
+export declare function ProgressDescription({ className, children, ref, ...props }: ProgressDescriptionProps): import("react").JSX.Element;
+export declare function ProgressIndicator({ className, children, ref, ...props }: ProgressIndicatorProps): import("react").JSX.Element;
+export declare function ProgressLabel({ className, children, ref, ...props }: ProgressLabelProps): import("react").JSX.Element;
+export declare function ProgressTitle({ className, children, ref, ...props }: ProgressTitleProps): import("react").JSX.Element;
+declare const Progress: typeof Progress$1 & {
+  Bar: typeof ProgressBar;
+  Description: typeof ProgressDescription;
+  Indicator: typeof ProgressIndicator;
+  Label: typeof ProgressLabel;
+  Title: typeof ProgressTitle;
+};
+export { Progress, type ProgressBarProps, type ProgressDescriptionProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps, type ProgressTitleProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/progress/index.js

@@ -0,0 +1,97 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { t as trimTextChildren } from "../trim-text-children-CQRFg2fL.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, isValidElement, useId } from "react";
+// src/components/progress/progress.tsx
+const CURRENT_CHILD_DECREMENT = 1;
+const CURRENT_CHILD_INCREMENT = 2;
+function Progress$1({ currentIndex, className, ref, ...props }) {
+	const scope = `progress-${useId().replace(/:/g, "")}`, current = currentIndex * CURRENT_CHILD_INCREMENT - CURRENT_CHILD_DECREMENT;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `
+		  .${scope} > :nth-child(${current}) > :first-child {
+			background-color: var(--color-accent-container);
+			border: 1px solid var(--color-accent-border-strong);
+			color: var(--color-accent-on-container);
+		  }
+		  .${scope} > :nth-child(-n+${current - CURRENT_CHILD_DECREMENT}) > :first-child {
+			background-color: var(--color-accent-default);
+			border: none;
+			color: var(--color-accent-on-default);
+			box-shadow: none;
+		  }
+		` }), /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full items-center justify-center gap-2xs", scope, className),
+		ref,
+		...props
+	})] });
+}
+// src/components/progress/progress-bar.tsx
+function ProgressBar({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("h-3xs w-full grow rounded-full bg-accent-default/20 transition-colors ease-in-out", className),
+			ref,
+			...props
+		})
+	});
+}
+// src/components/progress/progress-description.tsx
+function ProgressDescription({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "progress-description",
+		className: cn("block text-center style-text-prose--2 text-on-surface-variant", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/progress/progress-title.tsx
+function ProgressTitle({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "progress-title",
+		className: cn("block text-center style-text-strong--2 text-on-surface", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/progress/progress-indicator.tsx
+const META_TYPES = /* @__PURE__ */ new Set([ProgressTitle, ProgressDescription]);
+const EMPTY = 0;
+function ProgressIndicator({ className, children, ref, ...props }) {
+	const items = Children.toArray(children), isMeta = (child) => isValidElement(child) && META_TYPES.has(child.type), meta = items.filter(isMeta), inner = items.filter((child) => !isMeta(child));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex shrink-0 flex-col items-center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("flex size-md shrink-0 flex-col items-center justify-center rounded-full border border-neutral-border bg-neutral-container text-center font-body text-xs leading-none font-medium text-accent-default transition-colors ease-in-out [&_svg]:size-xs", className),
+			ref,
+			...props,
+			children: trimTextChildren(inner)
+		}), meta.length > EMPTY && /* @__PURE__ */ jsx("div", {
+			className: "absolute top-full left-1/2 flex w-3xl -translate-x-1/2 translate-y-2xs flex-col gap-3xs",
+			children: meta
+		})]
+	});
+}
+// src/components/progress/progress-label.tsx
+function ProgressLabel({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "progress-label",
+		className: cn("inline-flex items-center justify-center", className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/progress/index.ts
+const Progress = Object.assign(Progress$1, {
+	Bar: ProgressBar,
+	Description: ProgressDescription,
+	Indicator: ProgressIndicator,
+	Label: ProgressLabel,
+	Title: ProgressTitle
+});
+export { Progress, ProgressBar, ProgressDescription, ProgressIndicator, ProgressLabel, ProgressTitle };
+
+//# sourceMappingURL=index.js.map

package/dist/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Progress","ProgressRoot"],"sources":["../../src/components/progress/progress.tsx","../../src/components/progress/progress-bar.tsx","../../src/components/progress/progress-description.tsx","../../src/components/progress/progress-title.tsx","../../src/components/progress/progress-indicator.tsx","../../src/components/progress/progress-label.tsx","../../src/components/progress/index.ts"],"sourcesContent":["import { useId } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ProgressProps } from './progress.types'\n\nconst CURRENT_CHILD_DECREMENT = 1,\n  CURRENT_CHILD_INCREMENT = 2\n\nexport function Progress({ currentIndex, className, ref, ...props }: ProgressProps) {\n  const uid = useId().replace(/:/g, ''),\n    scope = `progress-${uid}`,\n    current = currentIndex * CURRENT_CHILD_INCREMENT - CURRENT_CHILD_DECREMENT\n\n  return (\n    <>\n      <style>\n        {`\n\t\t  .${scope} > :nth-child(${current}) > :first-child {\n\t\t\tbackground-color: var(--color-accent-container);\n\t\t\tborder: 1px solid var(--color-accent-border-strong);\n\t\t\tcolor: var(--color-accent-on-container);\n\t\t  }\n\t\t  .${scope} > :nth-child(-n+${current - CURRENT_CHILD_DECREMENT}) > :first-child {\n\t\t\tbackground-color: var(--color-accent-default);\n\t\t\tborder: none;\n\t\t\tcolor: var(--color-accent-on-default);\n\t\t\tbox-shadow: none;\n\t\t  }\n\t\t`}\n      </style>\n\n      <div\n        className={cn('flex w-full items-center justify-center gap-2xs', scope, className)}\n        ref={ref}\n        {...props}\n      />\n    </>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProgressBarProps } from './progress.types'\n\nexport function ProgressBar({ className, ref, ...props }: ProgressBarProps) {\n  return (\n    <div className=\"w-full\">\n      <div\n        className={cn(\n          'h-3xs w-full grow rounded-full bg-accent-default/20 transition-colors ease-in-out',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProgressDescriptionProps } from './progress.types'\n\nexport function ProgressDescription({\n  className,\n  children,\n  ref,\n  ...props\n}: ProgressDescriptionProps) {\n  return (\n    <span\n      data-slot=\"progress-description\"\n      className={cn('block text-center style-text-prose--2 text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProgressTitleProps } from './progress.types'\n\nexport function ProgressTitle({ className, children, ref, ...props }: ProgressTitleProps) {\n  return (\n    <span\n      data-slot=\"progress-title\"\n      className={cn('block text-center style-text-strong--2 text-on-surface', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n","import { Children, isValidElement } from 'react'\n\nimport { cn } from '@/utils/cn'\nimport { trimTextChildren } from '@/utils/trim-text-children'\n\nimport { ProgressDescription } from './progress-description'\nimport { ProgressTitle } from './progress-title'\nimport type { ProgressIndicatorProps } from './progress.types'\n\nconst META_TYPES = new Set<unknown>([ProgressTitle, ProgressDescription]),\n  EMPTY = 0\n\nexport function ProgressIndicator({ className, children, ref, ...props }: ProgressIndicatorProps) {\n  const items = Children.toArray(children),\n    isMeta = (child: (typeof items)[number]) => isValidElement(child) && META_TYPES.has(child.type),\n    meta = items.filter(isMeta),\n    inner = items.filter((child) => !isMeta(child))\n\n  return (\n    <div className=\"relative flex shrink-0 flex-col items-center\">\n      <div\n        className={cn(\n          'flex size-md shrink-0 flex-col items-center justify-center rounded-full border border-neutral-border bg-neutral-container text-center font-body text-xs leading-none font-medium text-accent-default transition-colors ease-in-out [&_svg]:size-xs',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        {trimTextChildren(inner)}\n      </div>\n      {meta.length > EMPTY && (\n        <div className=\"absolute top-full left-1/2 flex w-3xl -translate-x-1/2 translate-y-2xs flex-col gap-3xs\">\n          {meta}\n        </div>\n      )}\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ProgressLabelProps } from './progress.types'\n\nexport function ProgressLabel({ className, children, ref, ...props }: ProgressLabelProps) {\n  return (\n    <span\n      data-slot=\"progress-label\"\n      className={cn('inline-flex items-center justify-center', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n","import { Progress as ProgressRoot } from './progress'\nimport { ProgressBar } from './progress-bar'\nimport { ProgressDescription } from './progress-description'\nimport { ProgressIndicator } from './progress-indicator'\nimport { ProgressLabel } from './progress-label'\nimport { ProgressTitle } from './progress-title'\n\nconst Progress = Object.assign(ProgressRoot, {\n  Bar: ProgressBar,\n  Description: ProgressDescription,\n  Indicator: ProgressIndicator,\n  Label: ProgressLabel,\n  Title: ProgressTitle,\n})\n\nexport type {\n  ProgressBarProps,\n  ProgressDescriptionProps,\n  ProgressIndicatorProps,\n  ProgressLabelProps,\n  ProgressProps,\n  ProgressTitleProps,\n} from './progress.types'\nexport { ProgressBar } from './progress-bar'\nexport { ProgressDescription } from './progress-description'\nexport { ProgressIndicator } from './progress-indicator'\nexport { ProgressLabel } from './progress-label'\nexport { ProgressTitle } from './progress-title'\nexport { Progress }\n"],"mappings":";;;;;AAMA,MAAM,0BAA0B;AAC9B,MAAA,0BAA0B;AAE5B,SAAgBA,WAAS,EAAE,cAAc,WAAW,KAAK,GAAG,SAAwB;CAClF,MACE,QAAQ,YADE,MAAM,CAAC,CAAC,QAAQ,MAAM,EACV,KACtB,UAAU,eAAe,0BAA0B;CAErD,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACG;OACF,MAAM,gBAAgB,QAAQ;;;;;OAK9B,MAAM,mBAAmB,UAAU,wBAAwB;;;;;;IAOrD,CAAA,GAEP,oBAAC,OAAD;EACE,WAAW,GAAG,mDAAmD,OAAO,SAAS;EAC5E;EACL,GAAI;CACL,CAAA,CACD,EAAA,CAAA;AAEN;;ACnCA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,OAAD;GACE,WAAW,GACT,qFACA,SACF;GACK;GACL,GAAI;EACL,CAAA;CACE,CAAA;AAET;;ACbA,SAAgB,oBAAoB,EAClC,WACA,UACA,KACA,GAAG,SACwB;CAC3B,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACnF;EACL,GAAI;EAEH;CACG,CAAA;AAEV;;AChBA,SAAgB,cAAc,EAAE,WAAW,UAAU,KAAK,GAAG,SAA6B;CACxF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,SAAS;EAC5E;EACL,GAAI;EAEH;CACG,CAAA;AAEV;;ACNA,MAAM,6BAAa,IAAI,IAAa,CAAC,eAAe,mBAAmB,CAAC;AACtE,MAAA,QAAQ;AAEV,SAAgB,kBAAkB,EAAE,WAAW,UAAU,KAAK,GAAG,SAAiC;CAChG,MAAM,QAAQ,SAAS,QAAQ,QAAQ,GACrC,UAAU,UAAkC,eAAe,KAAK,KAAK,WAAW,IAAI,MAAM,IAAI,GAC9F,OAAO,MAAM,OAAO,MAAM,GAC1B,QAAQ,MAAM,QAAQ,UAAU,CAAC,OAAO,KAAK,CAAC;CAEhD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,OAAD;GACE,WAAW,GACT,sPACA,SACF;GACK;GACL,GAAI;GAEH,UAAA,iBAAiB,KAAK;EACpB,CAAA,GACJ,KAAK,SAAS,SACb,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,CAEJ;;AAET;;ACjCA,SAAgB,cAAc,EAAE,WAAW,UAAU,KAAK,GAAG,SAA6B;CACxF,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAC7D;EACL,GAAI;EAEH;CACG,CAAA;AAEV;;ACRA,MAAM,WAAW,OAAO,OAAOC,YAAc;CAC3C,KAAK;CACL,aAAa;CACb,WAAW;CACX,OAAO;CACP,OAAO;AACT,CAAC"}

package/dist/radar-ping/index.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+declare const radarPingVariants: (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 RadarPingProps = React.ComponentProps<'div'> & VariantProps<typeof radarPingVariants> & {
+  hidePing?: boolean;
+};
+export declare function RadarPing({ hidePing, tone, size, className, children, ref, ...props }: RadarPingProps): import("react").JSX.Element;
+export type { RadarPingProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/radar-ping/index.js

@@ -0,0 +1,49 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/radar-ping/radar-ping.types.ts
+const radarPingVariants = cva("absolute top-[0px] right-[0px] flex", {
+	defaultVariants: {
+		size: "medium",
+		tone: "brand"
+	},
+	variants: {
+		size: {
+			large: "-mt-xs -mr-xs style-text-default-0 [&_[data-dot]]:size-lg",
+			medium: "-mt-2xs -mr-2xs style-text-default--1 [&_[data-dot]]:size-md",
+			small: "-mt-3xs -mr-3xs style-text-default--2 [&_[data-dot]]:size-sm"
+		},
+		tone: {
+			accent: "[&_[data-dot]]:bg-accent-default [&_[data-radar-ping]]:bg-accent-default",
+			brand: "[&_[data-dot]]:bg-brand-default [&_[data-radar-ping]]:bg-brand-default",
+			error: "[&_[data-dot]]:bg-error-default [&_[data-radar-ping]]:bg-error-default",
+			info: "[&_[data-dot]]:bg-info-default [&_[data-radar-ping]]:bg-info-default",
+			neutral: "[&_[data-dot]]:bg-neutral-default [&_[data-radar-ping]]:bg-neutral-default",
+			success: "[&_[data-dot]]:bg-success-default [&_[data-radar-ping]]:bg-success-default",
+			warning: "[&_[data-dot]]:bg-warning-default [&_[data-radar-ping]]:bg-warning-default"
+		}
+	}
+});
+// src/components/radar-ping/radar-ping.tsx
+function RadarPing({ hidePing = false, tone = "brand", size = "medium", className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(radarPingVariants({
+			className,
+			size,
+			tone
+		})),
+		ref,
+		...props,
+		children: [!hidePing && /* @__PURE__ */ jsx("span", {
+			className: "absolute inline-flex size-full animate-ping rounded-full opacity-75",
+			"data-radar-ping": true
+		}), /* @__PURE__ */ jsx("span", {
+			className: "relative flex items-center justify-center rounded-full text-surface",
+			"data-dot": true,
+			children
+		})]
+	});
+}
+export { RadarPing };
+
+//# sourceMappingURL=index.js.map

package/dist/radar-ping/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/radar-ping/radar-ping.types.ts","../../src/components/radar-ping/radar-ping.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nexport const radarPingVariants = cva('absolute top-[0px] right-[0px] flex', {\n  defaultVariants: {\n    size: 'medium',\n    tone: 'brand',\n  },\n  variants: {\n    size: {\n      large: '-mt-xs -mr-xs style-text-default-0 [&_[data-dot]]:size-lg',\n      medium: '-mt-2xs -mr-2xs style-text-default--1 [&_[data-dot]]:size-md',\n      small: '-mt-3xs -mr-3xs style-text-default--2 [&_[data-dot]]:size-sm',\n    },\n    tone: {\n      accent: '[&_[data-dot]]:bg-accent-default [&_[data-radar-ping]]:bg-accent-default',\n      brand: '[&_[data-dot]]:bg-brand-default [&_[data-radar-ping]]:bg-brand-default',\n      error: '[&_[data-dot]]:bg-error-default [&_[data-radar-ping]]:bg-error-default',\n      info: '[&_[data-dot]]:bg-info-default [&_[data-radar-ping]]:bg-info-default',\n      neutral: '[&_[data-dot]]:bg-neutral-default [&_[data-radar-ping]]:bg-neutral-default',\n      success: '[&_[data-dot]]:bg-success-default [&_[data-radar-ping]]:bg-success-default',\n      warning: '[&_[data-dot]]:bg-warning-default [&_[data-radar-ping]]:bg-warning-default',\n    },\n  },\n})\n\nexport type RadarPingProps = React.ComponentProps<'div'> &\n  VariantProps<typeof radarPingVariants> & {\n    hidePing?: boolean\n  }\n","import { cn } from '@/utils/cn'\n\nimport { radarPingVariants } from './radar-ping.types'\nimport type { RadarPingProps } from './radar-ping.types'\n\nexport function RadarPing({\n  hidePing = false,\n  tone = 'brand',\n  size = 'medium',\n  className,\n  children,\n  ref,\n  ...props\n}: RadarPingProps) {\n  return (\n    <div className={cn(radarPingVariants({ className, size, tone }))} ref={ref} {...props}>\n      {!hidePing && (\n        <span\n          className=\"absolute inline-flex size-full animate-ping rounded-full opacity-75\"\n          data-radar-ping\n        />\n      )}\n      <span\n        className=\"relative flex items-center justify-center rounded-full text-surface\"\n        data-dot\n      >\n        {children}\n      </span>\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,IAAI,uCAAuC;CAC1E,iBAAiB;EACf,MAAM;EACN,MAAM;CACR;CACA,UAAU;EACR,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EACA,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,OAAO;GACP,MAAM;GACN,SAAS;GACT,SAAS;GACT,SAAS;EACX;CACF;AACF,CAAC;;ACnBD,SAAgB,UAAU,EACxB,WAAW,OACX,OAAO,SACP,OAAO,UACP,WACA,UACA,KACA,GAAG,SACc;CACjB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,kBAAkB;GAAE;GAAW;GAAM;EAAK,CAAC,CAAC;EAAQ;EAAK,GAAI;EAAhF,UAAA,CACG,CAAC,YACA,oBAAC,QAAD;GACE,WAAU;GACV,mBAAA;EACD,CAAA,GAEH,oBAAC,QAAD;GACE,WAAU;GACV,YAAA;GAEC;EACG,CAAA,CACH;;AAET"}

package/dist/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+import { i as RadioProps, n as Radio, r as RadioGroupProps, t as RadioGroup } from "../index-C2zco6-C.js";
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/radio-group/index.js

@@ -0,0 +1 @@
+export { n as Radio, t as RadioGroup } from "../radio-group-Dj43u35Z.js";

package/dist/radio-group-Dj43u35Z.js

@@ -0,0 +1,47 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { t as Label } from "./label-BgpayDvN.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Radio, RadioGroup } from "@base-ui/react";
+// src/components/radio-group/radio-group.types.ts
+const radioVariants = cva("group flex size-sm shrink-0 items-center justify-center rounded-full outline outline-transparent transition-all hover:outline-border-strong data-checked:bg-brand-default data-checked:outline-brand-border-strong data-disabled:opacity-50", {
+	defaultVariants: { variant: "elevated" },
+	variants: { variant: {
+		elevated: "bg-surface shadow-2xs",
+		inSurface: "bg-surface-low inset-shadow-2xs"
+	} }
+});
+// src/components/radio-group/radio.tsx
+function Radio$1({ variant, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Label, {
+		htmlFor: props.id,
+		children: [/* @__PURE__ */ jsx(Radio.Root, {
+			className: cn(radioVariants({
+				className,
+				variant
+			})),
+			ref,
+			...props,
+			children: /* @__PURE__ */ jsx(Radio.Indicator, {
+				"data-indicator": true,
+				className: "size-2xs origin-center scale-0 rounded-full bg-surface shadow-2xs transition-transform duration-200 ease-out data-checked:scale-100"
+			})
+		}), children]
+	});
+}
+// src/components/radio-group/radio-group.tsx
+function RadioGroup$2({ className, ref, ...props }) {
+	const id = React.useId();
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		"aria-labelledby": id,
+		className: cn("flex flex-col items-start gap-2xs data-disabled:opacity-50", className),
+		ref,
+		...props
+	});
+}
+// src/components/radio-group/index.ts
+const RadioGroup$1 = Object.assign(RadioGroup$2, { Radio: Radio$1 });
+export { Radio$1 as n, RadioGroup$1 as t };
+
+//# sourceMappingURL=radio-group-Dj43u35Z.js.map

package/dist/radio-group-Dj43u35Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-Dj43u35Z.js","names":["Radio","BaseRadio","RadioGroup","BaseRadioGroup","RadioGroup","RadioGroupRoot"],"sources":["../src/components/radio-group/radio-group.types.ts","../src/components/radio-group/radio.tsx","../src/components/radio-group/radio-group.tsx","../src/components/radio-group/index.ts"],"sourcesContent":["import type { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from '@base-ui/react'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nconst radioVariants = cva(\n  'group flex size-sm shrink-0 items-center justify-center rounded-full outline outline-transparent transition-all hover:outline-border-strong data-checked:bg-brand-default data-checked:outline-brand-border-strong data-disabled:opacity-50',\n  {\n    defaultVariants: {\n      variant: 'elevated',\n    },\n    variants: {\n      variant: {\n        elevated: 'bg-surface shadow-2xs',\n        inSurface: 'bg-surface-low inset-shadow-2xs',\n      },\n    },\n  },\n)\n\ntype RadioProps = React.ComponentProps<typeof BaseRadio.Root> & VariantProps<typeof radioVariants>\ntype RadioGroupProps = React.ComponentProps<typeof BaseRadioGroup>\n\nexport type { RadioProps, RadioGroupProps }\nexport { radioVariants }\n","import { Radio as BaseRadio } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Label } from '../label'\nimport { radioVariants } from './radio-group.types'\nimport type { RadioProps } from './radio-group.types'\n\nexport function Radio({ variant, className, children, ref, ...props }: RadioProps) {\n  return (\n    <Label htmlFor={props.id}>\n      <BaseRadio.Root className={cn(radioVariants({ className, variant }))} ref={ref} {...props}>\n        <BaseRadio.Indicator\n          data-indicator\n          className=\"size-2xs origin-center scale-0 rounded-full bg-surface shadow-2xs transition-transform duration-200 ease-out data-checked:scale-100\"\n        />\n      </BaseRadio.Root>\n      {children}\n    </Label>\n  )\n}\n","import { RadioGroup as BaseRadioGroup } from '@base-ui/react'\nimport React from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { RadioGroupProps } from './radio-group.types'\n\nexport function RadioGroup({ className, ref, ...props }: RadioGroupProps) {\n  const id = React.useId()\n\n  return (\n    <BaseRadioGroup\n      aria-labelledby={id}\n      className={cn('flex flex-col items-start gap-2xs data-disabled:opacity-50', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Radio } from './radio'\nimport { RadioGroup as RadioGroupRoot } from './radio-group'\n\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Radio,\n})\n\nexport type { RadioGroupProps, RadioProps } from './radio-group.types'\nexport { Radio } from './radio'\n\nexport { RadioGroup }\n"],"mappings":";;;;;;;AAIA,MAAM,gBAAgB,IACpB,+OACA;CACE,iBAAiB,EACf,SAAS,WACX;CACA,UAAU,EACR,SAAS;EACP,UAAU;EACV,WAAW;CACb,EACF;AACF,CACF;;ACTA,SAAgBA,QAAM,EAAE,SAAS,WAAW,UAAU,KAAK,GAAG,SAAqB;CACjF,OACE,qBAAC,OAAD;EAAO,SAAS,MAAM;EAAtB,UAAA,CACE,oBAACC,MAAU,MAAX;GAAgB,WAAW,GAAG,cAAc;IAAE;IAAW;GAAQ,CAAC,CAAC;GAAQ;GAAK,GAAI;GAClF,UAAA,oBAACA,MAAU,WAAX;IACE,kBAAA;IACA,WAAU;GACX,CAAA;EACa,CAAA,GACf,QACI;;AAEX;;ACbA,SAAgBC,aAAW,EAAE,WAAW,KAAK,GAAG,SAA0B;CACxE,MAAM,KAAK,MAAM,MAAM;CAEvB,OACE,oBAACC,YAAD;EACE,mBAAiB;EACjB,WAAW,GAAG,8DAA8D,SAAS;EAChF;EACL,GAAI;CACL,CAAA;AAEL;;ACfA,MAAMC,eAAa,OAAO,OAAOC,cAAgB,EAC/C,OAAA,QACF,CAAC"}

package/dist/resizeable/index.d.ts

@@ -0,0 +1,11 @@
+import { GroupProps, PanelProps, SeparatorProps } from "react-resizable-panels";
+type ResizeablePanelGroupProps = GroupProps;
+type ResizeablePanelProps = PanelProps;
+type ResizeableHandleProps = SeparatorProps & {
+  withHandle?: boolean;
+};
+export declare function ResizeableHandle({ withHandle, className, ...props }: ResizeableHandleProps): import("react").JSX.Element;
+export declare function ResizeablePanel({ className, ...props }: ResizeablePanelProps): import("react").JSX.Element;
+export declare function ResizeablePanelGroup({ className, ...props }: ResizeablePanelGroupProps): import("react").JSX.Element;
+export type { ResizeableHandleProps, ResizeablePanelGroupProps, ResizeablePanelProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/resizeable/index.js

@@ -0,0 +1,31 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { jsx } from "react/jsx-runtime";
+import { Group, Panel, Separator } from "react-resizable-panels";
+// src/components/resizeable/resizeable-handle.tsx
+function ResizeableHandle({ withHandle = false, className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-[0px] after:left-1/2 after:w-px after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full after:aria-[orientation=horizontal]:left-[0px] after:aria-[orientation=horizontal]:h-px after:aria-[orientation=horizontal]:w-full after:aria-[orientation=horizontal]:translate-x-[0px] after:aria-[orientation=horizontal]:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
+		"data-slot": "resizable-handle",
+		...props,
+		children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-md w-3xs shrink-0 rounded-lg bg-border-strong" })
+	});
+}
+// src/components/resizeable/resizeable-panel.tsx
+function ResizeablePanel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Panel, {
+		className: cn("", className),
+		"data-slot": "resizable-panel",
+		...props
+	});
+}
+// src/components/resizeable/resizeable-panel-group.tsx
+function ResizeablePanelGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Group, {
+		className: cn("flex h-full aria-[orientation=vertical]:flex-col", className),
+		"data-slot": "resizable-panel-group",
+		...props
+	});
+}
+export { ResizeableHandle, ResizeablePanel, ResizeablePanelGroup };
+
+//# sourceMappingURL=index.js.map