@freighttech/ui 0.13.18

package/dist/primitives/form-field.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Label } from "./label.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+function FormField({
+  label,
+  id: idProp,
+  required = false,
+  description,
+  error,
+  orientation = "vertical",
+  disabled = false,
+  children,
+  className
+}) {
+  const generatedId = React.useId();
+  const fieldId = idProp ?? generatedId;
+  const descriptionId = description && !error ? `${fieldId}-desc` : void 0;
+  const errorId = error ? `${fieldId}-error` : void 0;
+  const ariaDescribedBy = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
+  const enhancedChild = React.isValidElement(children) ? React.cloneElement(children, {
+    id: fieldId,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": error ? true : void 0,
+    "aria-required": required ? true : void 0,
+    disabled: disabled || void 0
+  }) : children;
+  const isHorizontal = orientation === "horizontal";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        isHorizontal ? "flex items-center justify-between gap-4" : "flex flex-col gap-1.5",
+        disabled && "opacity-50",
+        className
+      ),
+      "data-slot": "form-field",
+      children: [
+        label ? /* @__PURE__ */ jsxs(
+          Label,
+          {
+            htmlFor: fieldId,
+            className: cn(
+              isHorizontal && "min-w-0 shrink-0",
+              disabled && "cursor-not-allowed"
+            ),
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { className: "text-status-error-icon ml-0.5", "aria-hidden": "true", children: "*" })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { className: cn(isHorizontal && "flex-1"), children: enhancedChild }),
+        error ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            role: "alert",
+            className: "text-xs text-status-error-text",
+            children: error
+          }
+        ) : description ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: descriptionId,
+            className: "text-xs text-muted-foreground",
+            children: description
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  FormField
+};
+//# sourceMappingURL=form-field.js.map

package/dist/primitives/form-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/form-field.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Label } from './label'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type FormFieldProps = {\n  /** Visible label text */\n  label?: string\n  /** Auto-generated if not provided. Links label \u2192 input via htmlFor/id */\n  id?: string\n  /** Show required indicator (*) next to label */\n  required?: boolean\n  /** Help text below input */\n  description?: React.ReactNode\n  /** Error message \u2014 replaces description when present */\n  error?: string\n  /** Layout: vertical (default) or horizontal (label beside input) */\n  orientation?: 'vertical' | 'horizontal'\n  /** Disabled styling on label */\n  disabled?: boolean\n  /** The input element (slot) */\n  children: React.ReactNode\n  /** Additional className on root wrapper */\n  className?: string\n}\n\nexport function FormField({\n  label,\n  id: idProp,\n  required = false,\n  description,\n  error,\n  orientation = 'vertical',\n  disabled = false,\n  children,\n  className,\n}: FormFieldProps) {\n  const generatedId = React.useId()\n  const fieldId = idProp ?? generatedId\n  const descriptionId = description && !error ? `${fieldId}-desc` : undefined\n  const errorId = error ? `${fieldId}-error` : undefined\n  const ariaDescribedBy = [descriptionId, errorId].filter(Boolean).join(' ') || undefined\n\n  // Clone child to inject accessibility props\n  const enhancedChild = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n        id: fieldId,\n        'aria-describedby': ariaDescribedBy,\n        'aria-invalid': error ? true : undefined,\n        'aria-required': required ? true : undefined,\n        disabled: disabled || undefined,\n      })\n    : children\n\n  const isHorizontal = orientation === 'horizontal'\n\n  return (\n    <div\n      className={cn(\n        isHorizontal\n          ? 'flex items-center justify-between gap-4'\n          : 'flex flex-col gap-1.5',\n        disabled && 'opacity-50',\n        className,\n      )}\n      data-slot=\"form-field\"\n    >\n      {label ? (\n        <Label\n          htmlFor={fieldId}\n          className={cn(\n            isHorizontal && 'min-w-0 shrink-0',\n            disabled && 'cursor-not-allowed',\n          )}\n        >\n          {label}\n          {required && (\n            <span className=\"text-status-error-icon ml-0.5\" aria-hidden=\"true\">*</span>\n          )}\n        </Label>\n      ) : null}\n\n      <div className={cn(isHorizontal && 'flex-1')}>\n        {enhancedChild}\n      </div>\n\n      {error ? (\n        <p\n          id={errorId}\n          role=\"alert\"\n          className=\"text-xs text-status-error-text\"\n        >\n          {error}\n        </p>\n      ) : description ? (\n        <p\n          id={descriptionId}\n          className=\"text-xs text-muted-foreground\"\n        >\n          {description}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAqEQ,SASI,KATJ;AAnER,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,UAAU;AAuBZ,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,IAAI;AAAA,EACJ,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,cAAc,MAAM,MAAM;AAChC,QAAM,UAAU,UAAU;AAC1B,QAAM,gBAAgB,eAAe,CAAC,QAAQ,GAAG,OAAO,UAAU;AAClE,QAAM,UAAU,QAAQ,GAAG,OAAO,WAAW;AAC7C,QAAM,kBAAkB,CAAC,eAAe,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAG9E,QAAM,gBAAgB,MAAM,eAAe,QAAQ,IAC/C,MAAM,aAAa,UAAyD;AAAA,IAC1E,IAAI;AAAA,IACJ,oBAAoB;AAAA,IACpB,gBAAgB,QAAQ,OAAO;AAAA,IAC/B,iBAAiB,WAAW,OAAO;AAAA,IACnC,UAAU,YAAY;AAAA,EACxB,CAAC,IACD;AAEJ,QAAM,eAAe,gBAAgB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,eACI,4CACA;AAAA,QACJ,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAET;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAW;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,YACd;AAAA,YAEC;AAAA;AAAA,cACA,YACC,oBAAC,UAAK,WAAU,iCAAgC,eAAY,QAAO,eAAC;AAAA;AAAA;AAAA,QAExE,IACE;AAAA,QAEJ,oBAAC,SAAI,WAAW,GAAG,gBAAgB,QAAQ,GACxC,yBACH;AAAA,QAEC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE,cACF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/primitives/icon-button.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const iconButtonVariants = cva(
+  "inline-flex items-center justify-center rounded-md cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
+      },
+      size: {
+        xs: "size-6",
+        sm: "size-7",
+        default: "size-8",
+        lg: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default"
+    }
+  }
+);
+function IconButton({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "icon-button", type: asChild ? void 0 : "button", className: cn(iconButtonVariants({ variant, size, className })), ...props });
+}
+export {
+  IconButton,
+  iconButtonVariants
+};
+//# sourceMappingURL=icon-button.js.map

package/dist/primitives/icon-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/icon-button.tsx"],
+  "sourcesContent": ["/**\n * @deprecated Use `IconButton` from `@freighttech/ui/components` instead.\n *   The new component is a thin wrapper around the new `Button` and\n *   shares the same variant/size system. It also enforces the\n *   `aria-label` prop, which Figma\\'s \"FMS-Componenets\" IconButton\n *   spec requires for a11y. Will be removed in a future minor.\n */\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst iconButtonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md cursor-pointer transition-all outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n      },\n      size: {\n        xs: 'size-6',\n        sm: 'size-7',\n        default: 'size-8',\n        lg: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'default',\n    },\n  }\n)\n\nexport function IconButton({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof iconButtonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"icon-button\" type={asChild ? undefined : 'button'} className={cn(iconButtonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { iconButtonVariants }\n"],
+  "mappings": "AA4CS;AApCT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GACmE;AACjE,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,eAAc,MAAM,UAAU,SAAY,UAAU,WAAW,GAAG,mBAAmB,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AACzJ;",
+  "names": []
+}

package/dist/primitives/input.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+const Input = React.forwardRef(
+  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type,
+      className: cn(
+        "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/primitives/input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/input.tsx"],
+  "sourcesContent": ["/**\n * @deprecated Use `Input` from `@freighttech/ui/components` instead.\n *   Matches the Figma \"FMS-Componenets\" Input spec, exposes a typed\n *   `inputSize` prop and `hasError` / `leftAddon` / `rightAddon`. Will\n *   be removed in a future minor of `@freighttech/ui`.\n */\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\ntype InputProps = React.ComponentPropsWithoutRef<'input'>\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input\n      ref={ref}\n      type={type}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n)\n\nInput.displayName = 'Input'\n"],
+  "mappings": "AAaI;AAPJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAIZ,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,MAAM,GAAG,QACvC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;",
+  "names": []
+}

package/dist/primitives/label.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "@open-mercato/shared/lib/utils";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

package/dist/primitives/label.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/label.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n"],
+  "mappings": ";AAOI;AALJ,YAAY,oBAAoB;AAChC,SAAS,UAAU;AAEZ,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAqD;AAC/F,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/primitives/popover.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "@open-mercato/shared/lib/utils";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverClose = PopoverPrimitive.Close;
+const PopoverContent = React.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[280px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/primitives/popover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/popover.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport const Popover = PopoverPrimitive.Root\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger\n\nexport const PopoverAnchor = PopoverPrimitive.Anchor\n\nexport const PopoverClose = PopoverPrimitive.Close\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'start', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[280px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n"],
+  "mappings": ";AAmBI;AAjBJ,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,UAAU;AAEZ,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,gBAAgB,iBAAiB;AAEvC,MAAM,eAAe,iBAAiB;AAEtC,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,QAAQ,SAAS,aAAa,GAAG,GAAG,MAAM,GAAG,QAC3D,oBAAC,iBAAiB,QAAjB,EACC;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;",
+  "names": []
+}

package/dist/primitives/primitives.stories.js

@@ -0,0 +1,187 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./button.js";
+import { Badge } from "./badge.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Textarea } from "./textarea.js";
+import { Switch } from "./switch.js";
+import { Separator } from "./separator.js";
+import { Spinner } from "./spinner.js";
+import { Alert, AlertDescription, AlertTitle } from "./alert.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
+import { SimpleTooltip } from "./tooltip.js";
+import { ErrorNotice } from "./ErrorNotice.js";
+import { DataLoader } from "./DataLoader.js";
+const ShowcaseComponent = () => {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-12 max-w-6xl", children: [
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Actions" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Buttons" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "default", children: "Default" }),
+            /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Destructive" }),
+            /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Outline" }),
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Secondary" }),
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", children: "Ghost" }),
+            /* @__PURE__ */ jsx(Button, { variant: "link", children: "Link" }),
+            /* @__PURE__ */ jsx(Button, { disabled: true, children: "Disabled" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Button Sizes" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { size: "sm", children: "Small" }),
+            /* @__PURE__ */ jsx(Button, { size: "default", children: "Default" }),
+            /* @__PURE__ */ jsx(Button, { size: "lg", children: "Large" }),
+            /* @__PURE__ */ jsx(Button, { size: "icon", children: "\u{1F50D}" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Forms" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-md", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+          /* @__PURE__ */ jsx(Input, { id: "email", type: "email", placeholder: "Enter your email" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Password" }),
+          /* @__PURE__ */ jsx(Input, { id: "password", type: "password", placeholder: "Enter password" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
+          /* @__PURE__ */ jsx(Textarea, { id: "message", placeholder: "Type your message here" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx(Switch, { id: "notifications" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "notifications", children: "Enable notifications" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Feedback" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Badges" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Default" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Secondary" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Destructive" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Outline" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "Muted" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Alerts" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs(Alert, { children: [
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Information" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: "This is a default alert with important information." })
+            ] }),
+            /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: "Something went wrong. Please try again." })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Loading States" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx(Spinner, {}),
+            /* @__PURE__ */ jsx(Spinner, { className: "size-6" }),
+            /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Error Notice" }),
+          /* @__PURE__ */ jsx(ErrorNotice, { title: "An example error occurred" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Data Loader" }),
+          /* @__PURE__ */ jsx(DataLoader, { isLoading: true, children: /* @__PURE__ */ jsx("div", { children: "Content loaded successfully" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Layout" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Separator" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { children: "Above separator" }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsx("div", { children: "Below separator" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Overlays" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Dialog" }),
+          /* @__PURE__ */ jsxs(Dialog, { children: [
+            /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Open Dialog" }) }),
+            /* @__PURE__ */ jsxs(DialogContent, { children: [
+              /* @__PURE__ */ jsxs(DialogHeader, { children: [
+                /* @__PURE__ */ jsx(DialogTitle, { children: "Dialog Title" }),
+                /* @__PURE__ */ jsx(DialogDescription, { children: "This is a dialog with some example content." })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "py-4", children: "Dialog content goes here." })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Tooltip" }),
+          /* @__PURE__ */ jsx(SimpleTooltip, { content: "This is a helpful tooltip", children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Hover me" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: "Data Display" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Table" }),
+        /* @__PURE__ */ jsx("div", { className: "border rounded-lg", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: "Name" }),
+            /* @__PURE__ */ jsx(TableHead, { children: "Status" }),
+            /* @__PURE__ */ jsx(TableHead, { children: "Role" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(TableBody, { children: [
+            /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsx(TableCell, { children: "John Doe" }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Active" }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: "Admin" })
+            ] }),
+            /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsx(TableCell, { children: "Jane Smith" }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Pending" }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: "User" })
+            ] }),
+            /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsx(TableCell, { children: "Bob Johnson" }),
+              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "Inactive" }) }),
+              /* @__PURE__ */ jsx(TableCell, { children: "User" })
+            ] })
+          ] })
+        ] }) })
+      ] }) })
+    ] })
+  ] });
+};
+const meta = {
+  title: "Primitives/Primitives",
+  component: ShowcaseComponent,
+  parameters: {
+    layout: "padded"
+  }
+};
+var primitives_stories_default = meta;
+const AllComponents = {};
+export {
+  AllComponents,
+  primitives_stories_default as default
+};
+//# sourceMappingURL=primitives.stories.js.map

package/dist/primitives/primitives.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/primitives.stories.tsx"],
+  "sourcesContent": ["import { Meta, StoryObj } from '@storybook/react'\nimport { Button } from './button'\nimport { Badge } from './badge'\nimport { Input } from './input'\nimport { Label } from './label'\nimport { Textarea } from './textarea'\nimport { Switch } from './switch'\nimport { Separator } from './separator'\nimport { Spinner } from './spinner'\nimport { Alert, AlertDescription, AlertTitle } from './alert'\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from './dialog'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './table'\nimport { SimpleTooltip } from './tooltip'\nimport { ErrorNotice } from './ErrorNotice'\nimport { DataLoader } from './DataLoader'\n\nconst ShowcaseComponent = () => {\n    return (\n        <div className=\"space-y-12 max-w-6xl\">\n            {/* Actions */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Actions</h2>\n                <div className=\"space-y-4\">\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Buttons</h3>\n                        <div className=\"flex flex-wrap gap-2\">\n                            <Button variant=\"default\">Default</Button>\n                            <Button variant=\"destructive\">Destructive</Button>\n                            <Button variant=\"outline\">Outline</Button>\n                            <Button variant=\"secondary\">Secondary</Button>\n                            <Button variant=\"ghost\">Ghost</Button>\n                            <Button variant=\"link\">Link</Button>\n                            <Button disabled>Disabled</Button>\n                        </div>\n                    </div>\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Button Sizes</h3>\n                        <div className=\"flex items-center gap-2\">\n                            <Button size=\"sm\">Small</Button>\n                            <Button size=\"default\">Default</Button>\n                            <Button size=\"lg\">Large</Button>\n                            <Button size=\"icon\">\uD83D\uDD0D</Button>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            {/* Forms */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Forms</h2>\n                <div className=\"space-y-6 max-w-md\">\n                    <div className=\"space-y-2\">\n                        <Label htmlFor=\"email\">Email</Label>\n                        <Input id=\"email\" type=\"email\" placeholder=\"Enter your email\" />\n                    </div>\n                    <div className=\"space-y-2\">\n                        <Label htmlFor=\"password\">Password</Label>\n                        <Input id=\"password\" type=\"password\" placeholder=\"Enter password\" />\n                    </div>\n                    <div className=\"space-y-2\">\n                        <Label htmlFor=\"message\">Message</Label>\n                        <Textarea id=\"message\" placeholder=\"Type your message here\" />\n                    </div>\n                    <div className=\"flex items-center space-x-2\">\n                        <Switch id=\"notifications\" />\n                        <Label htmlFor=\"notifications\">Enable notifications</Label>\n                    </div>\n                </div>\n            </section>\n\n            {/* Feedback */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Feedback</h2>\n                <div className=\"space-y-4\">\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Badges</h3>\n                        <div className=\"flex flex-wrap gap-2\">\n                            <Badge variant=\"default\">Default</Badge>\n                            <Badge variant=\"secondary\">Secondary</Badge>\n                            <Badge variant=\"destructive\">Destructive</Badge>\n                            <Badge variant=\"outline\">Outline</Badge>\n                            <Badge variant=\"muted\">Muted</Badge>\n                        </div>\n                    </div>\n\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Alerts</h3>\n                        <div className=\"space-y-2\">\n                            <Alert>\n                                <AlertTitle>Information</AlertTitle>\n                                <AlertDescription>This is a default alert with important information.</AlertDescription>\n                            </Alert>\n                            <Alert variant=\"destructive\">\n                                <AlertTitle>Error</AlertTitle>\n                                <AlertDescription>Something went wrong. Please try again.</AlertDescription>\n                            </Alert>\n                        </div>\n                    </div>\n\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Loading States</h3>\n                        <div className=\"flex items-center gap-4\">\n                            <Spinner />\n                            <Spinner className=\"size-6\" />\n                            <Spinner className=\"size-8\" />\n                        </div>\n                    </div>\n\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Error Notice</h3>\n                        <ErrorNotice title='An example error occurred' />\n                    </div>\n\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Data Loader</h3>\n                        <DataLoader isLoading={true}>\n                            <div>Content loaded successfully</div>\n                        </DataLoader>\n                    </div>\n                </div>\n            </section>\n\n            {/* Layout */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Layout</h2>\n                <div className=\"space-y-4\">\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Separator</h3>\n                        <div className=\"space-y-2\">\n                            <div>Above separator</div>\n                            <Separator />\n                            <div>Below separator</div>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            {/* Overlays */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Overlays</h2>\n                <div className=\"space-y-4\">\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Dialog</h3>\n                        <Dialog>\n                            <DialogTrigger asChild>\n                                <Button>Open Dialog</Button>\n                            </DialogTrigger>\n                            <DialogContent>\n                                <DialogHeader>\n                                    <DialogTitle>Dialog Title</DialogTitle>\n                                    <DialogDescription>\n                                        This is a dialog with some example content.\n                                    </DialogDescription>\n                                </DialogHeader>\n                                <div className=\"py-4\">\n                                    Dialog content goes here.\n                                </div>\n                            </DialogContent>\n                        </Dialog>\n                    </div>\n\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Tooltip</h3>\n                        <SimpleTooltip content=\"This is a helpful tooltip\">\n                            <Button variant=\"outline\">Hover me</Button>\n                        </SimpleTooltip>\n                    </div>\n                </div>\n            </section>\n\n            {/* Data Display */}\n            <section>\n                <h2 className=\"text-2xl font-bold mb-4\">Data Display</h2>\n                <div className=\"space-y-4\">\n                    <div>\n                        <h3 className=\"text-sm font-medium text-muted-foreground mb-2\">Table</h3>\n                        <div className=\"border rounded-lg\">\n                            <Table>\n                                <TableHeader>\n                                    <TableRow>\n                                        <TableHead>Name</TableHead>\n                                        <TableHead>Status</TableHead>\n                                        <TableHead>Role</TableHead>\n                                    </TableRow>\n                                </TableHeader>\n                                <TableBody>\n                                    <TableRow>\n                                        <TableCell>John Doe</TableCell>\n                                        <TableCell><Badge variant=\"default\">Active</Badge></TableCell>\n                                        <TableCell>Admin</TableCell>\n                                    </TableRow>\n                                    <TableRow>\n                                        <TableCell>Jane Smith</TableCell>\n                                        <TableCell><Badge variant=\"secondary\">Pending</Badge></TableCell>\n                                        <TableCell>User</TableCell>\n                                    </TableRow>\n                                    <TableRow>\n                                        <TableCell>Bob Johnson</TableCell>\n                                        <TableCell><Badge variant=\"muted\">Inactive</Badge></TableCell>\n                                        <TableCell>User</TableCell>\n                                    </TableRow>\n                                </TableBody>\n                            </Table>\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </div>\n    )\n}\n\nconst meta: Meta<typeof ShowcaseComponent> = {\n    title: 'Primitives/Primitives',\n    component: ShowcaseComponent,\n    parameters: {\n        layout: 'padded',\n    },\n}\n\nexport default meta\ntype Story = StoryObj<typeof ShowcaseComponent>\n\nexport const AllComponents: Story = {}"],
+  "mappings": "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",
+  "names": []
+}

package/dist/primitives/progress.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@open-mercato/shared/lib/utils";
+function Progress({ value, max = 100, className, ...props }) {
+  const percentage = Math.min(100, Math.max(0, Math.round(value / max * 100)));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "progressbar",
+      "aria-valuenow": value,
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      className: cn("relative w-full overflow-hidden rounded-full bg-secondary", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-primary transition-all duration-300 ease-in-out",
+          style: { width: `${percentage}%` }
+        }
+      )
+    }
+  );
+}
+export {
+  Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/primitives/progress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/progress.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: number\n  max?: number\n}\n\nexport function Progress({ value, max = 100, className, ...props }: ProgressProps) {\n  const percentage = Math.min(100, Math.max(0, Math.round((value / max) * 100)))\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      className={cn('relative w-full overflow-hidden rounded-full bg-secondary', className)}\n      {...props}\n    >\n      <div\n        className=\"h-full bg-primary transition-all duration-300 ease-in-out\"\n        style={{ width: `${percentage}%` }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAqBM;AAnBN,SAAS,UAAU;AAOZ,SAAS,SAAS,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAkB;AACjF,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAO,QAAQ,MAAO,GAAG,CAAC,CAAC;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,WAAW,GAAG,6DAA6D,SAAS;AAAA,MACnF,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI;AAAA;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/primitives/separator.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+function Separator({ className = "", orientation = "horizontal" }) {
+  const base = orientation === "vertical" ? "w-px h-full" : "h-px w-full";
+  return /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": orientation, className: `${base} bg-border ${className}` });
+}
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

package/dist/primitives/separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/separator.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\nexport function Separator({ className = '', orientation = 'horizontal' }: { className?: string; orientation?: 'horizontal' | 'vertical' }) {\n  const base = orientation === 'vertical' ? 'w-px h-full' : 'h-px w-full'\n  return <div role=\"separator\" aria-orientation={orientation} className={`${base} bg-border ${className}`} />\n}\n\n"],
+  "mappings": "AAIS;AAFF,SAAS,UAAU,EAAE,YAAY,IAAI,cAAc,aAAa,GAAoE;AACzI,QAAM,OAAO,gBAAgB,aAAa,gBAAgB;AAC1D,SAAO,oBAAC,SAAI,MAAK,aAAY,oBAAkB,aAAa,WAAW,GAAG,IAAI,cAAc,SAAS,IAAI;AAC3G;",
+  "names": []
+}