@acronis-platform/ui-react 0.57.0 → 0.58.0

package/dist/components/ui/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":["../../../../src/components/ui/empty/empty.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Composable empty-state parts ported from `@acronis-platform/shadcn-uikit`'s\n// `empty` (packages/ui-legacy/src/components/ui/empty.tsx). Plain styled\n// elements — no Base UI primitive. No `--ui-empty-*` token tier exists yet, so\n// this design-pending v1 themes from the shared semantic text tokens:\n//   • title       -> text-foreground (--ui-text-on-surface-primary)\n//   • description / icon -> text-muted-foreground (--ui-text-on-surface-secondary)\n// (Legacy used a single `--empty-foreground` for the whole block; this splits it\n// into an emphasized title over muted supporting content.) The legacy\n// `--empty-icon-size` (72px) becomes a fixed size. Reconcile with\n// `/figma-component Empty <url> --update` once a mockup lands.\n\nconst Empty = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex w-full max-w-[448px] flex-col items-center justify-center text-center text-muted-foreground',\n      className\n    )}\n    {...props}\n  />\n));\nEmpty.displayName = 'Empty';\n\nconst EmptyIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'mb-4 flex size-[72px] items-center justify-center [&_svg]:size-full',\n      className\n    )}\n    {...props}\n  />\n));\nEmptyIcon.displayName = 'EmptyIcon';\n\nconst EmptyHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex w-full flex-col items-center gap-2 text-center',\n      className\n    )}\n    {...props}\n  />\n));\nEmptyHeader.displayName = 'EmptyHeader';\n\nconst EmptyTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-lg font-normal leading-6 text-foreground', className)}\n    {...props}\n  />\n));\nEmptyTitle.displayName = 'EmptyTitle';\n\nconst EmptyDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn('text-sm leading-6', className)} {...props} />\n));\nEmptyDescription.displayName = 'EmptyDescription';\n\nconst EmptyActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('mt-4 flex flex-col items-center gap-4', className)}\n    {...props}\n  />\n));\nEmptyActions.displayName = 'EmptyActions';\n\nconst EmptyLinks = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col items-center gap-2', className)}\n    {...props}\n  />\n));\nEmptyLinks.displayName = 'EmptyLinks';\n\nexport {\n  Empty,\n  EmptyIcon,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyActions,\n  EmptyLinks,\n};\n"],"names":["Empty","React","className","props","ref","jsx","cn","EmptyIcon","EmptyHeader","EmptyTitle","EmptyDescription","EmptyActions","EmptyLinks"],"mappings":";;;AAeA,MAAMA,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAc;AAEpB,MAAMO,IAAYN,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAU,cAAc;AAExB,MAAMC,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAc;AAE1B,MAAMC,IAAaR,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iDAAiDJ,CAAS;AAAA,IACvE,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAW,cAAc;AAEzB,MAAMC,IAAmBT,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,KAAA,EAAE,KAAAA,GAAU,WAAWE,EAAG,qBAAqBJ,CAAS,GAAI,GAAGC,GAAO,CACxE;AACDO,EAAiB,cAAc;AAE/B,MAAMC,IAAeV,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAa,cAAc;AAE3B,MAAMC,IAAaX,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,oCAAoCJ,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAW,cAAc;"}

package/dist/components/ui/field/field.js

@@ -0,0 +1,189 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Field as r } from "@base-ui/react/field";
+import { cva as n } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { Separator as d } from "../separator/separator.js";
+import { labelClassName as s } from "../label/label.js";
+const f = n(
+  "group/field flex w-full gap-3 data-[invalid]:text-[var(--ui-text-on-status-danger)]",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto",
+        responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function v({ className: e, orientation: t = "vertical", ...o }) {
+  return /* @__PURE__ */ a(
+    r.Root,
+    {
+      "data-slot": "field",
+      "data-orientation": t,
+      className: l(f({ orientation: t }), e),
+      ...o
+    }
+  );
+}
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    r.Label,
+    {
+      "data-slot": "field-label",
+      className: l(
+        s,
+        "flex w-fit items-center gap-2 leading-snug group-data-[disabled]/field:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function N({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    r.Control,
+    {
+      "data-slot": "field-control",
+      className: l(e),
+      ...t
+    }
+  );
+}
+function F({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    r.Description,
+    {
+      "data-slot": "field-description",
+      className: l(
+        "text-sm font-normal leading-normal text-muted-foreground",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-[var(--ui-background-brand-secondary)]",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    r.Error,
+    {
+      "data-slot": "field-error",
+      className: l(
+        "text-sm font-normal text-[var(--ui-text-on-status-danger)]",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: l(
+        "flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function h({
+  className: e,
+  variant: t = "legend",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": t,
+      className: l(
+        "mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function k({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: l(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 [&>[data-slot=field-group]]:gap-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function C({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: l(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function L({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-title",
+      className: l(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled]/field:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function S({ children: e, className: t, ...o }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!e,
+      className: l("relative -my-2 h-5 text-sm", t),
+      ...o,
+      children: [
+        /* @__PURE__ */ a(d, { className: "absolute inset-0 top-1/2" }),
+        e && /* @__PURE__ */ a(
+          "span",
+          {
+            "data-slot": "field-separator-content",
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            children: e
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as Field,
+  C as FieldContent,
+  N as FieldControl,
+  F as FieldDescription,
+  w as FieldError,
+  k as FieldGroup,
+  b as FieldLabel,
+  h as FieldLegend,
+  S as FieldSeparator,
+  y as FieldSet,
+  L as FieldTitle
+};
+//# sourceMappingURL=field.js.map

package/dist/components/ui/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../src/components/ui/field/field.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Field as FieldPrimitive } from '@base-ui/react/field';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { labelClassName } from '../label';\nimport { Separator } from '../separator';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `field`\n// (packages/ui-legacy/src/components/ui/field.tsx), rebuilt on Base UI's `Field`\n// primitive. `Field` (Root) / `FieldLabel` / `FieldControl` / `FieldDescription` /\n// `FieldError` auto-wire the label↔control↔description↔error associations and\n// expose Base UI's validity state — no manual `htmlFor`/`id`/`aria-*`. The\n// structural parts (`FieldSet`, `FieldLegend`, `FieldGroup`, `FieldContent`,\n// `FieldTitle`, `FieldSeparator`) are styled markup (Base UI has no equivalent).\n// Field pairs with the *bare* controls — `InputBox`, `Checkbox`, `Switch`,\n// `RadioGroup` — not the self-contained `InputText`/`InputSearch` fields.\n\nconst fieldVariants = cva(\n  'group/field flex w-full gap-3 data-[invalid]:text-[var(--ui-text-on-status-danger)]',\n  {\n    variants: {\n      orientation: {\n        vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n        horizontal:\n          'flex-row items-center [&>[data-slot=field-label]]:flex-auto',\n        responsive:\n          'flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto',\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nexport interface FieldProps\n  extends Omit<React.ComponentProps<typeof FieldPrimitive.Root>, 'className'>,\n    VariantProps<typeof fieldVariants> {\n  className?: string;\n}\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  return (\n    <FieldPrimitive.Root\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldLabelProps\n  extends Omit<React.ComponentProps<typeof FieldPrimitive.Label>, 'className'> {\n  className?: string;\n}\n\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <FieldPrimitive.Label\n      data-slot=\"field-label\"\n      className={cn(\n        labelClassName,\n        'flex w-fit items-center gap-2 leading-snug group-data-[disabled]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldControlProps\n  extends Omit<React.ComponentProps<typeof FieldPrimitive.Control>, 'className'> {\n  className?: string;\n}\n\n// Thin wrapper over Base UI's Field.Control — usually used with `render` to wire\n// a bare ui-react control (e.g. `<FieldControl render={<InputBox />} />`), which\n// receives the field's id / aria-describedby / name automatically.\nfunction FieldControl({ className, ...props }: FieldControlProps) {\n  return (\n    <FieldPrimitive.Control\n      data-slot=\"field-control\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldDescriptionProps\n  extends Omit<\n    React.ComponentProps<typeof FieldPrimitive.Description>,\n    'className'\n  > {\n  className?: string;\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <FieldPrimitive.Description\n      data-slot=\"field-description\"\n      className={cn(\n        'text-sm font-normal leading-normal text-muted-foreground',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-[var(--ui-background-brand-secondary)]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldErrorProps\n  extends Omit<React.ComponentProps<typeof FieldPrimitive.Error>, 'className'> {\n  className?: string;\n}\n\nfunction FieldError({ className, ...props }: FieldErrorProps) {\n  return (\n    <FieldPrimitive.Error\n      data-slot=\"field-error\"\n      className={cn(\n        'text-sm font-normal text-[var(--ui-text-on-status-danger)]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldLegendProps extends React.ComponentProps<'legend'> {\n  variant?: 'legend' | 'label';\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 [&>[data-slot=field-group]]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-title\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldSeparatorProps extends React.ComponentProps<'div'> {\n  children?: React.ReactNode;\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('relative -my-2 h-5 text-sm', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          data-slot=\"field-separator-content\"\n          className=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldControl,\n  FieldDescription,\n  FieldError,\n  FieldSet,\n  FieldLegend,\n  FieldGroup,\n  FieldContent,\n  FieldTitle,\n  FieldSeparator,\n};\n"],"names":["fieldVariants","cva","Field","className","orientation","props","jsx","FieldPrimitive","cn","FieldLabel","labelClassName","FieldControl","FieldDescription","FieldError","FieldSet","FieldLegend","variant","FieldGroup","FieldContent","FieldTitle","FieldSeparator","children","jsxs","Separator"],"mappings":"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"}

package/dist/components/ui/filter-search/filter-search.js

@@ -0,0 +1,165 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import * as a from "react";
+import { ChevronDownIcon as A } from "@acronis-platform/icons-react/stroke-mono";
+import { cn as u } from "../../../lib/utils.js";
+import { deepEqual as P } from "../../../lib/deep-equal.js";
+import { Chip as $ } from "../chip/chip.js";
+import { Button as p } from "../button/button.js";
+import { Popover as E, PopoverTrigger as q, PopoverContent as z } from "../popover/popover.js";
+const B = a.forwardRef(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: r,
+      className: u("flex items-center gap-4", t),
+      ...e
+    }
+  )
+);
+B.displayName = "FilterSearch";
+const I = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: u("flex h-8 min-w-px flex-1 items-center justify-end gap-4", t),
+    ...e
+  }
+));
+I.displayName = "FilterSearchActions";
+const C = a.createContext(null);
+function X() {
+  const t = a.useContext(C);
+  if (t === null)
+    throw new Error(
+      "useFilterSearchFilters must be used within a <FilterSearchFilters> popover."
+    );
+  return t;
+}
+const J = a.forwardRef(({ value: t, onValueChange: e, onApply: r, label: s = "Filters", children: b, className: x, ...m }, v) => {
+  const [o, l] = a.useState(!1), [c, f] = a.useState(t), N = (i) => {
+    f(t), l(i);
+  }, F = a.useCallback((i, g) => {
+    f((h) => {
+      if (g === void 0) {
+        if (!(i in h)) return h;
+        const S = { ...h };
+        return delete S[i], S;
+      }
+      return { ...h, [i]: g };
+    });
+  }, []), y = a.useMemo(
+    () => ({ filters: c, setFilter: F }),
+    [c, F]
+  ), w = () => f({}), R = () => {
+    f(t), l(!1);
+  }, j = () => {
+    e(c), r == null || r(c), l(!1);
+  }, O = Object.keys(c).length === 0, D = P(c, t);
+  return /* @__PURE__ */ d(E, { open: o, onOpenChange: N, children: [
+    /* @__PURE__ */ d(
+      q,
+      {
+        ref: v,
+        render: /* @__PURE__ */ n(
+          p,
+          {
+            variant: "secondary",
+            className: u(
+              "group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]",
+              x
+            ),
+            ...m
+          }
+        ),
+        children: [
+          s,
+          /* @__PURE__ */ n(
+            A,
+            {
+              size: 16,
+              className: "transition-transform group-data-[popup-open]:rotate-180"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(z, { align: "start", className: "w-96 p-0", children: /* @__PURE__ */ d(
+      "form",
+      {
+        onSubmit: (i) => {
+          i.preventDefault(), j();
+        },
+        children: [
+          /* @__PURE__ */ n("div", { className: "flex max-h-80 flex-col gap-4 overflow-y-auto p-4", children: /* @__PURE__ */ n(C.Provider, { value: y, children: b }) }),
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-2 border-t border-border p-4", children: [
+            /* @__PURE__ */ n(
+              p,
+              {
+                type: "button",
+                variant: "ghost",
+                disabled: O,
+                onClick: w,
+                children: "Reset filters"
+              }
+            ),
+            /* @__PURE__ */ d("div", { className: "ms-auto flex items-center gap-2", children: [
+              /* @__PURE__ */ n(p, { type: "button", variant: "secondary", onClick: R, children: "Cancel" }),
+              /* @__PURE__ */ n(p, { type: "submit", variant: "default", disabled: D, children: "Apply" })
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+});
+J.displayName = "FilterSearchFilters";
+function L(t, e) {
+  const r = Array.isArray(e) ? e.map((s) => String(s)).join(", ") : typeof e == "object" && e !== null ? JSON.stringify(e) : String(e);
+  return `${t}: ${r}`;
+}
+const M = a.forwardRef(({ className: t, filters: e, onValueChange: r, getFilterChipLabel: s, ...b }, x) => {
+  const m = Object.keys(e);
+  if (m.length === 0) return null;
+  const v = (o) => {
+    const l = { ...e };
+    delete l[o], r(l);
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: x,
+      className: u("flex flex-wrap items-center gap-3", t),
+      ...b,
+      children: [
+        m.map((o) => /* @__PURE__ */ n(
+          $,
+          {
+            variant: "removable",
+            onRemove: () => v(o),
+            removeLabel: `Remove ${o} filter`,
+            children: s ? s(o, e[o]) : L(o, e[o])
+          },
+          o
+        )),
+        /* @__PURE__ */ n(
+          p,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => r({}),
+            children: "Reset filters"
+          }
+        )
+      ]
+    }
+  );
+});
+M.displayName = "FilterSearchAppliedFilters";
+export {
+  B as FilterSearch,
+  I as FilterSearchActions,
+  M as FilterSearchAppliedFilters,
+  J as FilterSearchFilters,
+  X as useFilterSearchFilters
+};
+//# sourceMappingURL=filter-search.js.map

package/dist/components/ui/filter-search/filter-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-search.js","sources":["../../../../src/components/ui/filter-search/filter-search.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { deepEqual } from '@/lib/deep-equal';\nimport { Button } from '../button';\nimport { Chip } from '../chip';\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover';\n\n// A composable toolbar for data tables: arranges a search field, optional\n// filters button, optional tenant/scope switcher, and trailing action buttons\n// in a single horizontal row. Maps to the Figma \"FilterSearch\" component. The\n// root container uses 16px inter-item gap (Figma `gap/gap-16`) and centers\n// children vertically. `FilterSearchActions` is a right-aligned flex area that\n// pushes its content to the trailing edge.\n//\n// No dedicated token tier — spacing is the Figma `gap/gap-16` semantic token\n// (16px), and each child (Search, ButtonMenu, Select) brings its own\n// `--ui-*` tier.\n//\n// `FilterSearchFilters` and `FilterSearchAppliedFilters` are design-pending\n// additions (no Figma node yet, unlike the FilterSearch node itself): the\n// filter popover (trigger + form + Reset/Cancel/Apply) and the applied-filter\n// chip row + top-level \"Reset filters\" affordance. Compose `FilterSearchFilters`\n// as a child of `<FilterSearch>` in place of a plain filter trigger, and render\n// `<FilterSearchAppliedFilters>` as a sibling row below it. Reconcile against\n// the real design with `/figma-component FilterSearchFilters <url> --update`\n// once a mockup lands.\n\nexport type FilterSearchProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearch = React.forwardRef<HTMLDivElement, FilterSearchProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-4', className)}\n      {...props}\n    />\n  )\n);\nFilterSearch.displayName = 'FilterSearch';\n\nexport type FilterSearchActionsProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearchActions = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchActionsProps\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex h-8 min-w-px flex-1 items-center justify-end gap-4', className)}\n    {...props}\n  />\n));\nFilterSearchActions.displayName = 'FilterSearchActions';\n\ninterface FilterSearchFiltersContextValue {\n  /** The current draft filters being edited inside the popover. */\n  filters: Record<string, unknown>;\n  /** Set a single draft filter value by key. */\n  setFilter: (key: string, value: unknown) => void;\n}\n\nconst FilterSearchFiltersContext =\n  React.createContext<FilterSearchFiltersContextValue | null>(null);\n\n/**\n * Bind a filter field child (rendered inside `FilterSearchFilters`'s popover) to\n * the component's draft filters. Returns the current draft map and a per-key\n * setter. Field children are plain JSX (no render prop) and wire their own\n * `onChange` to `setFilter`; Apply commits the draft, Cancel/dismiss reverts it.\n */\nexport function useFilterSearchFilters(): FilterSearchFiltersContextValue {\n  const context = React.useContext(FilterSearchFiltersContext);\n  if (context === null) {\n    throw new Error(\n      'useFilterSearchFilters must be used within a <FilterSearchFilters> popover.'\n    );\n  }\n  return context;\n}\n\nexport interface FilterSearchFiltersProps\n  extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value' | 'onValueChange'> {\n  /** The applied filter values, keyed by an arbitrary consumer-chosen id. */\n  value: Record<string, unknown>;\n  /** Called with the committed filters when Apply is pressed. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Called with the newly applied filters when Apply is pressed (fires alongside `onValueChange`). */\n  onApply?: (filters: Record<string, unknown>) => void;\n  /** Label for the filter trigger button. */\n  label?: React.ReactNode;\n  /**\n   * Filter field children rendered inside the popover form. Plain children —\n   * wire each field to the draft via `useFilterSearchFilters`. Group fields with\n   * a `Separator` as a layout convention if desired.\n   */\n  children?: React.ReactNode;\n  /** Additional classes merged onto the trigger button. */\n  className?: string;\n}\n\nconst FilterSearchFilters = React.forwardRef<\n  HTMLButtonElement,\n  FilterSearchFiltersProps\n>(({ value, onValueChange, onApply, label = 'Filters', children, className, ...rest }, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [draft, setDraft] = React.useState<Record<string, unknown>>(value);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    // Snapshot the applied filters on open; revert the draft on any dismiss\n    // (outside press / Escape) so an un-applied edit never leaks out.\n    setDraft(value);\n    setOpen(nextOpen);\n  };\n\n  const setFilter = React.useCallback((key: string, filterValue: unknown) => {\n    setDraft((previous) => {\n      if (filterValue === undefined) {\n        if (!(key in previous)) return previous;\n        const next = { ...previous };\n        delete next[key];\n        return next;\n      }\n      return { ...previous, [key]: filterValue };\n    });\n  }, []);\n\n  const filterContext = React.useMemo<FilterSearchFiltersContextValue>(\n    () => ({ filters: draft, setFilter }),\n    [draft, setFilter]\n  );\n\n  const handleReset = () => setDraft({});\n\n  const handleCancel = () => {\n    setDraft(value);\n    setOpen(false);\n  };\n\n  const handleApply = () => {\n    onValueChange(draft);\n    onApply?.(draft);\n    setOpen(false);\n  };\n\n  const resetDisabled = Object.keys(draft).length === 0;\n  const applyDisabled = deepEqual(draft, value);\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        ref={ref}\n        render={\n          <Button\n            variant=\"secondary\"\n            className={cn(\n              'group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]',\n              className\n            )}\n            {...rest}\n          />\n        }\n      >\n        {label}\n        <ChevronDownIcon\n          size={16}\n          className=\"transition-transform group-data-[popup-open]:rotate-180\"\n        />\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-96 p-0\">\n        <form\n          onSubmit={(event) => {\n            event.preventDefault();\n            handleApply();\n          }}\n        >\n          <div className=\"flex max-h-80 flex-col gap-4 overflow-y-auto p-4\">\n            <FilterSearchFiltersContext.Provider value={filterContext}>\n              {children}\n            </FilterSearchFiltersContext.Provider>\n          </div>\n          <div className=\"flex items-center gap-2 border-t border-border p-4\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              disabled={resetDisabled}\n              onClick={handleReset}\n            >\n              Reset filters\n            </Button>\n            <div className=\"ms-auto flex items-center gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n                Cancel\n              </Button>\n              <Button type=\"submit\" variant=\"default\" disabled={applyDisabled}>\n                Apply\n              </Button>\n            </div>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n});\nFilterSearchFilters.displayName = 'FilterSearchFilters';\n\nfunction defaultFilterChipLabel(key: string, value: unknown): string {\n  const text = Array.isArray(value)\n    ? value.map((entry) => String(entry)).join(', ')\n    : typeof value === 'object' && value !== null\n      ? JSON.stringify(value)\n      : String(value);\n  return `${key}: ${text}`;\n}\n\nexport interface FilterSearchAppliedFiltersProps\n  extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** The currently applied filter values, keyed by an arbitrary consumer-chosen id. */\n  filters: Record<string, unknown>;\n  /** Called with the remaining filters when a chip is removed or \"Reset filters\" clears all. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Format an applied-filter chip's label. Defaults to `\"<key>: <value>\"`. */\n  getFilterChipLabel?: (key: string, value: unknown) => React.ReactNode;\n}\n\n/**\n * Renders one removable chip per applied filter plus a \"Reset filters\" action\n * that clears all filters immediately (no popover involved). Renders nothing\n * when `filters` is empty.\n */\nconst FilterSearchAppliedFilters = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchAppliedFiltersProps\n>(({ className, filters, onValueChange, getFilterChipLabel, ...props }, ref) => {\n  const keys = Object.keys(filters);\n  if (keys.length === 0) return null;\n\n  const handleRemove = (key: string) => {\n    const next = { ...filters };\n    delete next[key];\n    onValueChange(next);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex flex-wrap items-center gap-3', className)}\n      {...props}\n    >\n      {keys.map((key) => (\n        <Chip\n          key={key}\n          variant=\"removable\"\n          onRemove={() => handleRemove(key)}\n          removeLabel={`Remove ${key} filter`}\n        >\n          {getFilterChipLabel\n            ? getFilterChipLabel(key, filters[key])\n            : defaultFilterChipLabel(key, filters[key])}\n        </Chip>\n      ))}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={() => onValueChange({})}\n      >\n        Reset filters\n      </Button>\n    </div>\n  );\n});\nFilterSearchAppliedFilters.displayName = 'FilterSearchAppliedFilters';\n\nexport {\n  FilterSearch,\n  FilterSearchActions,\n  FilterSearchFilters,\n  FilterSearchAppliedFilters,\n};\n"],"names":["FilterSearch","React","className","props","ref","jsx","cn","FilterSearchActions","FilterSearchFiltersContext","useFilterSearchFilters","context","FilterSearchFilters","value","onValueChange","onApply","label","children","rest","open","setOpen","draft","setDraft","handleOpenChange","nextOpen","setFilter","key","filterValue","previous","next","filterContext","handleReset","handleCancel","handleApply","resetDisabled","applyDisabled","deepEqual","jsxs","Popover","PopoverTrigger","Button","ChevronDownIcon","PopoverContent","event","defaultFilterChipLabel","text","entry","FilterSearchAppliedFilters","filters","getFilterChipLabel","keys","handleRemove","Chip"],"mappings":"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"}

package/dist/components/ui/form/form.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Form as f } from "@base-ui/react/form";
+import { cn as l } from "../../../lib/utils.js";
+function a({ className: o, ...r }) {
+  return /* @__PURE__ */ m(
+    f,
+    {
+      className: l("flex w-full flex-col gap-6", o),
+      ...r
+    }
+  );
+}
+export {
+  a as Form
+};
+//# sourceMappingURL=form.js.map

package/dist/components/ui/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../../src/components/ui/form/form.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Form as FormPrimitive,\n  type FormProps as BaseFormProps,\n} from '@base-ui/react/form';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `form`\n// (packages/ui-legacy/src/components/ui/form.tsx), rebuilt on Base UI's Form.\n// The legacy form was a react-hook-form wrapper (FormProvider/Controller); this\n// version drops that dependency and coordinates the ui-react `Field`s directly via\n// Base UI's native form: it collects values by each Field's `name`, runs their\n// validation on submit (or per `validationMode`), surfaces server `errors` keyed\n// by field name, and calls `onFormSubmit(values)` only when all fields are valid.\nexport interface FormProps<\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n> extends Omit<BaseFormProps<FormValues>, 'className'> {\n  className?: string;\n}\n\nfunction Form<\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n>({ className, ...props }: FormProps<FormValues>) {\n  return (\n    <FormPrimitive\n      className={cn('flex w-full flex-col gap-6', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Form };\n"],"names":["Form","className","props","jsx","FormPrimitive","cn"],"mappings":";;;AAsBA,SAASA,EAEP,EAAE,WAAAC,GAAW,GAAGC,KAAgC;AAChD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/funnel-chart/funnel-chart.js

@@ -0,0 +1,87 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as g from "react";
+import { cva as v } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { FunnelChart as F, Funnel as N, Cell as b, LabelList as x } from "recharts";
+import { cn as L } from "../../../lib/utils.js";
+import { ChartContainer as T, ChartTooltip as $, ChartTooltipContent as j } from "../chart/chart.js";
+const A = v("", {
+  variants: {
+    lastShape: {
+      triangle: "",
+      rectangle: ""
+    }
+  },
+  defaultVariants: {
+    lastShape: "triangle"
+  }
+}), R = g.forwardRef(
+  ({
+    className: n,
+    config: o,
+    data: s,
+    dataKey: c,
+    nameKey: a,
+    lastShape: e = "triangle",
+    reversed: f = !1,
+    showLabels: h = !0,
+    showTooltip: m = !0,
+    tooltipContent: p,
+    ...d
+  }, u) => {
+    const l = s.map((r) => ({
+      ...r,
+      fill: `var(--color-${r[a]})`
+    }));
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: u,
+        "data-last-shape": e,
+        className: L(A({ lastShape: e }), n),
+        ...d,
+        children: /* @__PURE__ */ t(T, { config: o, className: "size-full", children: /* @__PURE__ */ i(F, { margin: { top: 8, right: 96, bottom: 8, left: 24 }, children: [
+          m && /* @__PURE__ */ t(
+            $,
+            {
+              content: p ?? /* @__PURE__ */ t(j, { nameKey: a, hideLabel: !0 })
+            }
+          ),
+          /* @__PURE__ */ i(
+            N,
+            {
+              dataKey: c,
+              nameKey: a,
+              data: l,
+              lastShapeType: e ?? "triangle",
+              reversed: f,
+              isAnimationActive: !1,
+              children: [
+                l.map((r, C) => (
+                  // Keyed by index, not the name: two stages could share a nameKey
+                  // value, which would collide as a React key. Same-named stages
+                  // intentionally share a color/config entry via `--color-<name>`.
+                  /* @__PURE__ */ t(b, { fill: `var(--color-${r[a]})` }, C)
+                )),
+                h && /* @__PURE__ */ t(
+                  x,
+                  {
+                    position: "right",
+                    dataKey: a,
+                    className: "fill-foreground",
+                    stroke: "none"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+R.displayName = "FunnelChart";
+export {
+  R as FunnelChart,
+  A as funnelChartVariants
+};
+//# sourceMappingURL=funnel-chart.js.map

package/dist/components/ui/funnel-chart/funnel-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel-chart.js","sources":["../../../../src/components/ui/funnel-chart/funnel-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Cell, Funnel, FunnelChart as RechartsFunnelChart, LabelList } from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The single\n// CVA axis is the design's Funnel-chart variant set: `lastShape` (does the\n// funnel narrow to a point — `triangle` — or end flat — `rectangle`). The class\n// stays empty because recharts' SVG — not CSS — draws the funnel: `lastShape`\n// drives the `<Funnel>`'s `lastShapeType`. CVA is kept so the variant set is a\n// first-class, spec-conformant part of the API (matched against ui-spec's\n// api.yaml enums) and exposed via `VariantProps`; the resolved value is also\n// mirrored onto `data-last-shape`.\nconst funnelChartVariants = cva('', {\n  variants: {\n    lastShape: {\n      triangle: '',\n      rectangle: '',\n    },\n  },\n  defaultVariants: {\n    lastShape: 'triangle',\n  },\n});\n\nexport interface FunnelChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof funnelChartVariants> {\n  /** Row-per-stage data. Each object holds the stage's `nameKey` label + its `dataKey` numeric value. */\n  data: ReadonlyArray<Record<string, string | number>>;\n  /**\n   * Per-stage map of `label` / `color`, keyed by the stage's `nameKey` value\n   * (imported from the shared `Chart` primitives). Turned into `--color-<name>`\n   * custom properties. Colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\n   */\n  config: ChartConfig;\n  /** Numeric field that sizes each stage (the funnel narrows as it drops). */\n  dataKey: string;\n  /**\n   * Label field that names each stage (drives the legend, tooltip, on-chart\n   * labels, and the `--color-<name>` lookup). Values should be unique per chart —\n   * stages sharing a name share one `config`/color entry.\n   */\n  nameKey: string;\n  /** Flip the funnel so it widens toward the bottom instead of narrowing. */\n  reversed?: boolean;\n  /** Render each stage's name beside its segment. */\n  showLabels?: boolean;\n  showTooltip?: boolean;\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent`\n   * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —\n   * to customize formatting, per-series rows, or extra fields without composing\n   * recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n}\n\nconst FunnelChart = React.forwardRef<HTMLDivElement, FunnelChartProps>(\n  (\n    {\n      className,\n      config,\n      data,\n      dataKey,\n      nameKey,\n      lastShape = 'triangle',\n      reversed = false,\n      showLabels = true,\n      showTooltip = true,\n      tooltipContent,\n      ...props\n    },\n    ref\n  ) => {\n    // Stamp each row with its `fill` (the shadcn data-driven pattern). A Funnel's\n    // default fill is grey (#808080) and recharts doesn't carry a per-segment\n    // color on the tooltip/legend payload item, so putting the color on the data\n    // row is what lets a real hover resolve each segment's color. (The forced-open\n    // `defaultIndex` VR snapshot can still show a neutral indicator — it\n    // synthesizes the open state without a pointer hover.)\n    const seriesData: Record<string, string | number>[] = data.map((row) => ({\n      ...row,\n      fill: `var(--color-${row[nameKey]})`,\n    }));\n\n    return (\n      <div\n        ref={ref}\n        data-last-shape={lastShape}\n        className={cn(funnelChartVariants({ lastShape }), className)}\n        {...props}\n      >\n        <ChartContainer config={config} className=\"size-full\">\n          <RechartsFunnelChart margin={{ top: 8, right: 96, bottom: 8, left: 24 }}>\n            {showTooltip && (\n              <ChartTooltip\n                content={\n                  tooltipContent ?? (\n                    <ChartTooltipContent nameKey={nameKey} hideLabel />\n                  )\n                }\n              />\n            )}\n            <Funnel\n              dataKey={dataKey}\n              nameKey={nameKey}\n              data={seriesData}\n              lastShapeType={lastShape ?? 'triangle'}\n              reversed={reversed}\n              isAnimationActive={false}\n            >\n              {seriesData.map((entry, index) => (\n                // Keyed by index, not the name: two stages could share a nameKey\n                // value, which would collide as a React key. Same-named stages\n                // intentionally share a color/config entry via `--color-<name>`.\n                <Cell key={index} fill={`var(--color-${entry[nameKey]})`} />\n              ))}\n              {showLabels && (\n                <LabelList\n                  position=\"right\"\n                  dataKey={nameKey}\n                  className=\"fill-foreground\"\n                  stroke=\"none\"\n                />\n              )}\n            </Funnel>\n          </RechartsFunnelChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nFunnelChart.displayName = 'FunnelChart';\n\nexport { FunnelChart, funnelChartVariants };\n"],"names":["funnelChartVariants","cva","FunnelChart","React","className","config","data","dataKey","nameKey","lastShape","reversed","showLabels","showTooltip","tooltipContent","props","ref","seriesData","row","jsx","cn","ChartContainer","RechartsFunnelChart","ChartTooltip","ChartTooltipContent","jsxs","Funnel","entry","index","Cell","LabelList"],"mappings":";;;;;;AAsBA,MAAMA,IAAsBC,EAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,WAAW;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC,GAoCKC,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AAOH,UAAMC,IAAgDV,EAAK,IAAI,CAACW,OAAS;AAAA,MACvE,GAAGA;AAAA,MACH,MAAM,eAAeA,EAAIT,CAAO,CAAC;AAAA,IAAA,EACjC;AAEF,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,mBAAiBN;AAAA,QACjB,WAAWU,EAAGnB,EAAoB,EAAE,WAAAS,EAAA,CAAW,GAAGL,CAAS;AAAA,QAC1D,GAAGU;AAAA,QAEJ,4BAACM,GAAA,EAAe,QAAAf,GAAgB,WAAU,aACxC,4BAACgB,GAAA,EAAoB,QAAQ,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,GAAG,MAAM,MAChE,UAAA;AAAA,UAAAT,KACC,gBAAAM;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SACET,KACE,gBAAAK,EAACK,GAAA,EAAoB,SAAAf,GAAkB,WAAS,GAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAKzD,gBAAAgB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAAlB;AAAA,cACA,SAAAC;AAAA,cACA,MAAMQ;AAAA,cACN,eAAeP,KAAa;AAAA,cAC5B,UAAAC;AAAA,cACA,mBAAmB;AAAA,cAElB,UAAA;AAAA,gBAAAM,EAAW,IAAI,CAACU,GAAOC;AAAA;AAAA;AAAA;AAAA,kBAItB,gBAAAT,EAACU,KAAiB,MAAM,eAAeF,EAAMlB,CAAO,CAAC,OAA1CmB,CAA+C;AAAA,iBAC3D;AAAA,gBACAhB,KACC,gBAAAO;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,SAASrB;AAAA,oBACT,WAAU;AAAA,oBACV,QAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EAAA,CACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAN,EAAY,cAAc;"}

package/dist/components/ui/grid/grid.js

@@ -0,0 +1,69 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import { cva as m } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as o } from "../../../lib/utils.js";
+const t = m("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      6: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",
+      12: "grid-cols-4 sm:grid-cols-6 lg:grid-cols-12"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    }
+  },
+  defaultVariants: {
+    cols: 3,
+    gap: "md"
+  }
+}), n = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 @md/grid:grid-cols-2",
+  3: "grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-3",
+  4: "grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-4",
+  6: "grid-cols-2 @lg/grid:grid-cols-3 @4xl/grid:grid-cols-6",
+  12: "grid-cols-4 @lg/grid:grid-cols-6 @4xl/grid:grid-cols-12"
+}, p = {
+  none: "gap-0",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+}, e = a.forwardRef(
+  ({ className: g, cols: d = 3, gap: i = "md", container: c, ...s }, l) => c ? /* @__PURE__ */ r("div", { className: "@container/grid", children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      "data-slot": "grid",
+      className: o(
+        "grid",
+        p[i ?? "md"],
+        n[d ?? 3],
+        g
+      ),
+      ...s
+    }
+  ) }) : /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      "data-slot": "grid",
+      className: o(t({ cols: d, gap: i }), g),
+      ...s
+    }
+  )
+);
+e.displayName = "Grid";
+export {
+  e as Grid,
+  t as gridVariants
+};
+//# sourceMappingURL=grid.js.map

package/dist/components/ui/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../src/components/ui/grid/grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\n// A responsive CSS-grid layout primitive. By default columns step down at viewport\n// breakpoints. With `container`, the grid is wrapped in a `@container/grid` and its\n// columns respond to the grid's own available width (its column/content area)\n// rather than the viewport — the right behavior for widget grids inside App Shell,\n// whose width shrinks as the sidebar expands.\nconst gridVariants = cva('grid', {\n  variants: {\n    cols: {\n      1: 'grid-cols-1',\n      2: 'grid-cols-1 sm:grid-cols-2',\n      3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n      4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n      6: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',\n      12: 'grid-cols-4 sm:grid-cols-6 lg:grid-cols-12',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n    },\n  },\n  defaultVariants: {\n    cols: 3,\n    gap: 'md',\n  },\n});\n\n// Container-query column classes (named container `grid`), mirroring the viewport\n// scale above but keyed to the grid's own width.\nconst containerColsClass: Record<NonNullable<GridProps['cols']>, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 @md/grid:grid-cols-2',\n  3: 'grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-3',\n  4: 'grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-4',\n  6: 'grid-cols-2 @lg/grid:grid-cols-3 @4xl/grid:grid-cols-6',\n  12: 'grid-cols-4 @lg/grid:grid-cols-6 @4xl/grid:grid-cols-12',\n};\nconst gapClass: Record<NonNullable<GridProps['gap']>, string> = {\n  none: 'gap-0',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n};\n\nexport interface GridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridVariants> {\n  /**\n   * Size columns by the grid's own width (container queries) instead of the\n   * viewport. Wraps the grid in a `@container/grid`.\n   */\n  container?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  ({ className, cols = 3, gap = 'md', container, ...props }, ref) => {\n    if (container) {\n      return (\n        <div className=\"@container/grid\">\n          <div\n            ref={ref}\n            data-slot=\"grid\"\n            className={cn(\n              'grid',\n              gapClass[gap ?? 'md'],\n              containerColsClass[cols ?? 3],\n              className\n            )}\n            {...props}\n          />\n        </div>\n      );\n    }\n    return (\n      <div\n        ref={ref}\n        data-slot=\"grid\"\n        className={cn(gridVariants({ cols, gap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"names":["gridVariants","cva","containerColsClass","gapClass","Grid","React","className","cols","gap","container","props","ref","jsx","cn"],"mappings":";;;;AAUA,MAAMA,IAAeC,EAAI,QAAQ;AAAA,EAC/B,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IAAA;AAAA,IAEN,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC,GAIKC,IAAqE;AAAA,EACzE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN,GACMC,IAA0D;AAAA,EAC9D,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAYMC,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,GAAG,KAAAC,IAAM,MAAM,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACrDF,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAV,EAASK,KAAO,IAAI;AAAA,QACpBN,EAAmBK,KAAQ,CAAC;AAAA,QAC5BD;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA,GAER,IAIF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAGb,EAAa,EAAE,MAAAO,GAAM,KAAAC,EAAA,CAAK,GAAGF,CAAS;AAAA,MACnD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAN,EAAK,cAAc;"}