@mieweb/ui 0.6.1 → 0.7.0-dev.179

package/dist/chunk-KBEKQMVY.cjs

@@ -0,0 +1,198 @@
+'use strict';
+
+var chunkCKD554XR_cjs = require('./chunk-CKD554XR.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var yamlPromise = null;
+function loadYaml() {
+  if (!yamlPromise) {
+    yamlPromise = import(
+      /* @vite-ignore */
+      'js-yaml'
+    ).then((mod) => {
+      const api = mod.default ?? mod;
+      const load = api.load;
+      if (typeof load !== "function")
+        throw new Error("js-yaml load not found");
+      return load;
+    }).catch((err) => {
+      yamlPromise = null;
+      throw err;
+    });
+  }
+  return yamlPromise;
+}
+function tryParseJson(code) {
+  try {
+    return { ok: true, data: JSON.parse(code) };
+  } catch {
+    return { ok: false };
+  }
+}
+function elementsToParsed(data) {
+  if (!data || typeof data !== "object") {
+    return { fields: [], error: "Invalid survey data format" };
+  }
+  const obj = data;
+  let elements = [];
+  if (Array.isArray(obj.pages)) {
+    for (const page of obj.pages) {
+      if (Array.isArray(page.elements)) {
+        elements = elements.concat(page.elements);
+      }
+    }
+  } else if (Array.isArray(obj.elements)) {
+    elements = obj.elements;
+  } else if (Array.isArray(obj.questions)) {
+    elements = obj.questions;
+  } else if (Array.isArray(obj.fields)) {
+    elements = obj.fields;
+  } else {
+    return { fields: [], error: "No survey questions found in data" };
+  }
+  return { fields: elements, error: null };
+}
+var SurveyBlock = ({ code, id }) => {
+  const [parsed, setParsed] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    const jsonResult = tryParseJson(code);
+    if (jsonResult.ok) {
+      setParsed(elementsToParsed(jsonResult.data));
+      return;
+    }
+    loadYaml().then((load) => {
+      try {
+        const data = load(code);
+        if (!cancelled) setParsed(elementsToParsed(data));
+      } catch (err) {
+        if (!cancelled)
+          setParsed({
+            fields: [],
+            error: `Failed to parse survey data: ${err.message}`
+          });
+      }
+    }).catch(() => {
+      if (!cancelled)
+        setParsed({
+          fields: [],
+          error: "Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`."
+        });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code]);
+  if (!parsed) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkCKD554XR_cjs.FenceBlock, { code, language: "survey", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading survey\u2026" }) });
+  }
+  const { fields, error } = parsed;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkCKD554XR_cjs.FenceBlock,
+    {
+      code,
+      language: "survey",
+      supportsRawView: true,
+      error: error ?? void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: "Survey Preview" }),
+        fields.map((field, i) => {
+          const fieldId = `${id}-field-${field.name ?? i}`;
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                htmlFor: fieldId,
+                className: "block text-sm font-medium text-neutral-700 dark:text-neutral-300",
+                children: [
+                  field.title ?? field.label ?? field.name,
+                  field.isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-red-500", children: "*" })
+                ]
+              }
+            ),
+            (field.type === "radiogroup" || field.type === "radio") && field.choices && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: field.choices.map((choice, ci) => {
+              const value = typeof choice === "string" ? choice : choice.value;
+              const text = typeof choice === "string" ? choice : choice.text;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: "flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: `${id}-${field.name}`,
+                        value,
+                        disabled: true,
+                        className: "accent-primary-500"
+                      }
+                    ),
+                    text
+                  ]
+                },
+                ci
+              );
+            }) }),
+            (field.type === "checkbox" || field.type === "boolean") && /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: fieldId,
+                type: "checkbox",
+                disabled: true,
+                className: "accent-primary-500"
+              }
+            ),
+            (field.type === "text" || field.type === "comment") && /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: fieldId,
+                type: "text",
+                disabled: true,
+                placeholder: field.title ?? field.name,
+                className: "w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800"
+              }
+            ),
+            field.type === "rating" && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "img",
+                className: "flex gap-1",
+                "aria-label": "Rating: 0 out of 5",
+                children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "text-lg text-neutral-500 dark:text-neutral-500",
+                    children: "\u2605"
+                  },
+                  n
+                ))
+              }
+            ),
+            field.type === "dropdown" && field.choices && /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                id: fieldId,
+                name: fieldId,
+                disabled: true,
+                className: "w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800",
+                children: field.choices.map((choice, ci) => {
+                  const value = typeof choice === "string" ? choice : choice.value;
+                  const text = typeof choice === "string" ? choice : choice.text;
+                  return /* @__PURE__ */ jsxRuntime.jsx("option", { value, children: text }, ci);
+                })
+              }
+            )
+          ] }, field.name ?? i);
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: "This is a preview. Interactive survey support coming soon." })
+      ] })
+    }
+  );
+};
+
+exports.SurveyBlock = SurveyBlock;
+//# sourceMappingURL=chunk-KBEKQMVY.cjs.map
+//# sourceMappingURL=chunk-KBEKQMVY.cjs.map

package/dist/chunk-KBEKQMVY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Markdown/SurveyBlock.tsx"],"names":["useState","useEffect","jsx","FenceBlock","jsxs"],"mappings":"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","file":"chunk-KBEKQMVY.cjs","sourcesContent":["/** Survey/questionnaire preview from JSON or YAML. Requires `js-yaml` for YAML input. */\nimport React, { useEffect, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface SurveyBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SurveyField {\n  type: string;\n  name: string;\n  title?: string;\n  label?: string;\n  choices?: Array<string | { value: string; text: string }>;\n  isRequired?: boolean;\n}\n\ninterface ParsedSurvey {\n  fields: SurveyField[];\n  error: string | null;\n}\n\ntype YamlLoadFn = (input: string) => unknown;\nlet yamlPromise: Promise<YamlLoadFn> | null = null;\nfunction loadYaml(): Promise<YamlLoadFn> {\n  if (!yamlPromise) {\n    yamlPromise = import(/* @vite-ignore */ 'js-yaml')\n      .then((mod) => {\n        const api =\n          (mod as { default?: { load?: YamlLoadFn }; load?: YamlLoadFn })\n            .default ?? mod;\n        const load = (api as { load?: YamlLoadFn }).load;\n        if (typeof load !== 'function')\n          throw new Error('js-yaml load not found');\n        return load;\n      })\n      .catch((err) => {\n        yamlPromise = null;\n        throw err;\n      });\n  }\n  return yamlPromise;\n}\n\nfunction tryParseJson(\n  code: string\n): { ok: true; data: unknown } | { ok: false } {\n  try {\n    return { ok: true, data: JSON.parse(code) };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction elementsToParsed(data: unknown): ParsedSurvey {\n  if (!data || typeof data !== 'object') {\n    return { fields: [], error: 'Invalid survey data format' };\n  }\n  const obj = data as Record<string, unknown>;\n\n  let elements: unknown[] = [];\n  if (Array.isArray(obj.pages)) {\n    for (const page of obj.pages as Array<Record<string, unknown>>) {\n      if (Array.isArray(page.elements)) {\n        elements = elements.concat(page.elements);\n      }\n    }\n  } else if (Array.isArray(obj.elements)) {\n    elements = obj.elements;\n  } else if (Array.isArray(obj.questions)) {\n    elements = obj.questions;\n  } else if (Array.isArray(obj.fields)) {\n    elements = obj.fields;\n  } else {\n    return { fields: [], error: 'No survey questions found in data' };\n  }\n\n  return { fields: elements as SurveyField[], error: null };\n}\n\nexport const SurveyBlock: React.FC<SurveyBlockProps> = ({ code, id }) => {\n  const [parsed, setParsed] = useState<ParsedSurvey | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const jsonResult = tryParseJson(code);\n    if (jsonResult.ok) {\n      setParsed(elementsToParsed(jsonResult.data));\n      return;\n    }\n\n    loadYaml()\n      .then((load) => {\n        try {\n          const data = load(code);\n          if (!cancelled) setParsed(elementsToParsed(data));\n        } catch (err) {\n          if (!cancelled)\n            setParsed({\n              fields: [],\n              error: `Failed to parse survey data: ${(err as Error).message}`,\n            });\n        }\n      })\n      .catch(() => {\n        if (!cancelled)\n          setParsed({\n            fields: [],\n            error:\n              'Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`.',\n          });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  if (!parsed) {\n    return (\n      <FenceBlock code={code} language=\"survey\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading survey…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  const { fields, error } = parsed;\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"survey\"\n      supportsRawView\n      error={error ?? undefined}\n    >\n      <div className=\"space-y-4 p-4\">\n        <h4 className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          Survey Preview\n        </h4>\n        {fields.map((field, i) => {\n          const fieldId = `${id}-field-${field.name ?? i}`;\n          return (\n            <div key={field.name ?? i} className=\"space-y-1.5\">\n              <label\n                htmlFor={fieldId}\n                className=\"block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n              >\n                {field.title ?? field.label ?? field.name}\n                {field.isRequired && (\n                  <span className=\"ml-1 text-red-500\">*</span>\n                )}\n              </label>\n\n              {(field.type === 'radiogroup' || field.type === 'radio') &&\n                field.choices && (\n                  <div className=\"space-y-1\">\n                    {field.choices.map((choice, ci) => {\n                      const value =\n                        typeof choice === 'string' ? choice : choice.value;\n                      const text =\n                        typeof choice === 'string' ? choice : choice.text;\n                      return (\n                        <label\n                          key={ci}\n                          className=\"flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400\"\n                        >\n                          <input\n                            type=\"radio\"\n                            name={`${id}-${field.name}`}\n                            value={value}\n                            disabled\n                            className=\"accent-primary-500\"\n                          />\n                          {text}\n                        </label>\n                      );\n                    })}\n                  </div>\n                )}\n\n              {(field.type === 'checkbox' || field.type === 'boolean') && (\n                <input\n                  id={fieldId}\n                  type=\"checkbox\"\n                  disabled\n                  className=\"accent-primary-500\"\n                />\n              )}\n\n              {(field.type === 'text' || field.type === 'comment') && (\n                <input\n                  id={fieldId}\n                  type=\"text\"\n                  disabled\n                  placeholder={field.title ?? field.name}\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                />\n              )}\n\n              {field.type === 'rating' && (\n                <div\n                  role=\"img\"\n                  className=\"flex gap-1\"\n                  aria-label=\"Rating: 0 out of 5\"\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <span\n                      key={n}\n                      aria-hidden=\"true\"\n                      className=\"text-lg text-neutral-500 dark:text-neutral-500\"\n                    >\n                      ★\n                    </span>\n                  ))}\n                </div>\n              )}\n\n              {field.type === 'dropdown' && field.choices && (\n                <select\n                  id={fieldId}\n                  name={fieldId}\n                  disabled\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                >\n                  {field.choices.map((choice, ci) => {\n                    const value =\n                      typeof choice === 'string' ? choice : choice.value;\n                    const text =\n                      typeof choice === 'string' ? choice : choice.text;\n                    return (\n                      <option key={ci} value={value}>\n                        {text}\n                      </option>\n                    );\n                  })}\n                </select>\n              )}\n            </div>\n          );\n        })}\n        <p className=\"text-xs text-neutral-600 dark:text-neutral-400\">\n          This is a preview. Interactive survey support coming soon.\n        </p>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/chunk-KJ5BSGEO.cjs

@@ -0,0 +1,258 @@
+'use strict';
+
+var chunkNNEFAUHV_cjs = require('./chunk-NNEFAUHV.cjs');
+var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var sheetOverlayVariants = classVarianceAuthority.cva([
+  "fixed inset-0 z-50",
+  "bg-black/50 backdrop-blur-sm",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
+]);
+var sheetContentVariants = classVarianceAuthority.cva(
+  [
+    "fixed z-50 flex flex-col gap-4",
+    "bg-card text-card-foreground shadow-lg",
+    "border-border",
+    "focus:outline-none",
+    "transition ease-in-out duration-200"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b max-h-dvh",
+        bottom: "inset-x-0 bottom-0 border-t max-h-dvh",
+        left: "inset-y-0 left-0 h-full border-r w-3/4 sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full border-l w-3/4 sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function Sheet({
+  open,
+  onOpenChange,
+  children,
+  side,
+  closeOnOverlayClick = true,
+  closeOnEscape = true,
+  className,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy
+}) {
+  const generatedId = React__namespace.useId();
+  const sheetId = id || generatedId;
+  const focusTrapRef = chunkNNEFAUHV_cjs.useFocusTrap(open);
+  chunkFHY3K6PL_cjs.useEscapeKey(() => {
+    if (closeOnEscape && open) onOpenChange(false);
+  }, open);
+  const handleOverlayClick = React__namespace.useCallback(
+    (e) => {
+      if (closeOnOverlayClick && e.target === e.currentTarget) {
+        onOpenChange(false);
+      }
+    },
+    [closeOnOverlayClick, onOpenChange]
+  );
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetContext.Provider,
+    {
+      value: { onClose: () => onOpenChange(false), sheetId },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkOR5DRJCW_cjs.cn(sheetOverlayVariants()),
+            "data-state": "open",
+            "aria-hidden": "true",
+            onClick: handleOverlayClick
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: focusTrapRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy || `${sheetId}-title`,
+            "aria-describedby": ariaDescribedBy,
+            id: sheetId,
+            tabIndex: -1,
+            "data-state": "open",
+            "data-slot": "sheet",
+            className: chunkOR5DRJCW_cjs.cn(sheetContentVariants({ side }), className),
+            children
+          }
+        )
+      ] })
+    }
+  );
+}
+Sheet.displayName = "Sheet";
+var SheetContext = React__namespace.createContext(
+  void 0
+);
+function useSheetContext() {
+  const context = React__namespace.useContext(SheetContext);
+  if (!context) {
+    throw new Error("Sheet components must be used within a Sheet");
+  }
+  return context;
+}
+var SheetHeader = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-header",
+      className: chunkOR5DRJCW_cjs.cn(
+        "flex shrink-0 items-center justify-between",
+        "border-border border-b px-6 py-4",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetTitle = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { sheetId } = useSheetContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "h2",
+      {
+        ref,
+        id: `${sheetId}-title`,
+        "data-slot": "sheet-title",
+        className: chunkOR5DRJCW_cjs.cn(
+          "text-lg leading-none font-semibold tracking-tight",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    "data-slot": "sheet-description",
+    className: chunkOR5DRJCW_cjs.cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+var SheetBody = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-body",
+      className: chunkOR5DRJCW_cjs.cn("flex-1 overflow-y-auto px-6 py-4", className),
+      ...props
+    }
+  )
+);
+SheetBody.displayName = "SheetBody";
+var SheetFooter = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-footer",
+      className: chunkOR5DRJCW_cjs.cn(
+        "flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "border-border border-t px-6 py-4",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetClose = React__namespace.forwardRef(
+  ({ className, children, onClick, ...props }, ref) => {
+    const { onClose } = useSheetContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "sheet-close",
+        "aria-label": "Close",
+        onClick: (e) => {
+          onClose();
+          onClick?.(e);
+        },
+        className: chunkOR5DRJCW_cjs.cn(
+          "text-muted-foreground hover:text-foreground rounded-md",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          "transition-colors",
+          className
+        ),
+        ...props,
+        children: children ?? /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+          }
+        )
+      }
+    );
+  }
+);
+SheetClose.displayName = "SheetClose";
+
+exports.Sheet = Sheet;
+exports.SheetBody = SheetBody;
+exports.SheetClose = SheetClose;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.sheetContentVariants = sheetContentVariants;
+exports.sheetOverlayVariants = sheetOverlayVariants;
+//# sourceMappingURL=chunk-KJ5BSGEO.cjs.map
+//# sourceMappingURL=chunk-KJ5BSGEO.cjs.map

package/dist/chunk-KJ5BSGEO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sheet/Sheet.tsx"],"names":["cva","React","useFocusTrap","useEscapeKey","jsx","jsxs","cn"],"mappings":"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","file":"chunk-KJ5BSGEO.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\nconst sheetOverlayVariants = cva([\n  'fixed inset-0 z-50',\n  'bg-black/50 backdrop-blur-sm',\n  'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n]);\n\nconst sheetContentVariants = cva(\n  [\n    'fixed z-50 flex flex-col gap-4',\n    'bg-card text-card-foreground shadow-lg',\n    'border-border',\n    'focus:outline-none',\n    'transition ease-in-out duration-200',\n  ],\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b max-h-dvh',\n        bottom: 'inset-x-0 bottom-0 border-t max-h-dvh',\n        left: 'inset-y-0 left-0 h-full border-r w-3/4 sm:max-w-sm',\n        right: 'inset-y-0 right-0 h-full border-l w-3/4 sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n);\n\nexport interface SheetProps extends VariantProps<typeof sheetContentVariants> {\n  /** Whether the sheet is open */\n  open: boolean;\n  /** Callback when the sheet should close */\n  onOpenChange: (open: boolean) => void;\n  /** Sheet content */\n  children: React.ReactNode;\n  /** Close when clicking the overlay (default true) */\n  closeOnOverlayClick?: boolean;\n  /** Close when pressing Escape (default true) */\n  closeOnEscape?: boolean;\n  /** Additional class name for the sheet content */\n  className?: string;\n  /** ID for the sheet, used for accessibility */\n  id?: string;\n  /** Accessible label for the sheet */\n  'aria-label'?: string;\n  /** ID of the element that labels the sheet */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the sheet */\n  'aria-describedby'?: string;\n}\n\n/**\n * A panel that slides in from an edge of the screen.\n *\n * @example\n * ```tsx\n * <Sheet open={open} onOpenChange={setOpen} side=\"right\">\n *   <SheetHeader>\n *     <SheetTitle>Filters</SheetTitle>\n *   </SheetHeader>\n *   <SheetBody>...</SheetBody>\n * </Sheet>\n * ```\n */\nfunction Sheet({\n  open,\n  onOpenChange,\n  children,\n  side,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: SheetProps) {\n  const generatedId = React.useId();\n  const sheetId = id || generatedId;\n\n  const focusTrapRef = useFocusTrap<HTMLDivElement>(open);\n\n  useEscapeKey(() => {\n    if (closeOnEscape && open) onOpenChange(false);\n  }, open);\n\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  if (!open) return null;\n\n  return (\n    <SheetContext.Provider\n      value={{ onClose: () => onOpenChange(false), sheetId }}\n    >\n      <div className=\"fixed inset-0 z-50\">\n        <div\n          className={cn(sheetOverlayVariants())}\n          data-state=\"open\"\n          aria-hidden=\"true\"\n          onClick={handleOverlayClick}\n        />\n        <div\n          ref={focusTrapRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy || `${sheetId}-title`}\n          aria-describedby={ariaDescribedBy}\n          id={sheetId}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-slot=\"sheet\"\n          className={cn(sheetContentVariants({ side }), className)}\n        >\n          {children}\n        </div>\n      </div>\n    </SheetContext.Provider>\n  );\n}\n\nSheet.displayName = 'Sheet';\n\ninterface SheetContextValue {\n  onClose: () => void;\n  sheetId: string;\n}\n\nconst SheetContext = React.createContext<SheetContextValue | undefined>(\n  undefined\n);\n\nfunction useSheetContext() {\n  const context = React.useContext(SheetContext);\n  if (!context) {\n    throw new Error('Sheet components must be used within a Sheet');\n  }\n  return context;\n}\n\nexport type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, SheetHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst SheetTitle = React.forwardRef<HTMLHeadingElement, SheetTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { sheetId } = useSheetContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${sheetId}-title`}\n        data-slot=\"sheet-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"sheet-description\"\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nSheetDescription.displayName = 'SheetDescription';\n\nexport type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetBody = React.forwardRef<HTMLDivElement, SheetBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-body\"\n      className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, SheetFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useSheetContext();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"sheet-close\"\n        aria-label=\"Close\"\n        onClick={(e) => {\n          onClose();\n          onClick?.(e);\n        }}\n        className={cn(\n          'text-muted-foreground hover:text-foreground rounded-md',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          'transition-colors',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        )}\n      </button>\n    );\n  }\n);\n\nSheetClose.displayName = 'SheetClose';\n\nexport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n  SheetClose,\n  sheetContentVariants,\n  sheetOverlayVariants,\n};\n"]}

package/dist/{chunk-DNPRRYPQ.js → chunk-KL2S36FM.js}

@@ -201,5 +201,5 @@ function SortIcon({ direction }) {
 }
 
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
-//# sourceMappingURL=chunk-DNPRRYPQ.js.map
-//# sourceMappingURL=chunk-DNPRRYPQ.js.map
+//# sourceMappingURL=chunk-KL2S36FM.js.map
+//# sourceMappingURL=chunk-KL2S36FM.js.map

package/dist/chunk-KL2S36FM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":[],"mappings":"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","file":"chunk-KL2S36FM.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Table Root\n// ============================================================================\n\nexport interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {\n  /** Whether to make the table responsive with horizontal scroll */\n  responsive?: boolean;\n}\n\n/**\n * An accessible table component.\n *\n * Prefer DataVis NITRO in most cases -- it is designed to be simple out of the box while\n * exposing power-user features for click-curious users. Use `Table` only in lightweight\n * situations where that overhead is genuinely unneeded.\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>Name</TableHead>\n *       <TableHead>Email</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>John Doe</TableCell>\n *       <TableCell>john@example.com</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, responsive = true, children, ...props }, ref) => {\n    const table = (\n      <table\n        ref={ref}\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      >\n        {children}\n      </table>\n    );\n\n    if (responsive) {\n      return <div className=\"relative w-full overflow-auto\">{table}</div>;\n    }\n\n    return table;\n  }\n);\n\nTable.displayName = 'Table';\n\n// ============================================================================\n// Table Header\n// ============================================================================\n\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead\n      ref={ref}\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  )\n);\n\nTableHeader.displayName = 'TableHeader';\n\n// ============================================================================\n// Table Body\n// ============================================================================\n\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  )\n);\n\nTableBody.displayName = 'TableBody';\n\n// ============================================================================\n// Table Footer\n// ============================================================================\n\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nTableFooter.displayName = 'TableFooter';\n\n// ============================================================================\n// Table Row\n// ============================================================================\n\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Whether the row is selected */\n  selected?: boolean;\n}\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, selected, ...props }, ref) => (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      data-selected={selected}\n      className={cn(\n        'border-border border-b transition-colors',\n        'hover:bg-muted/50',\n        'data-[selected=true]:bg-muted',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nTableRow.displayName = 'TableRow';\n\n// ============================================================================\n// Table Head\n// ============================================================================\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Sortable column configuration */\n  sortable?: boolean;\n  /** Current sort direction */\n  sortDirection?: 'asc' | 'desc' | null;\n  /** Callback when sort is triggered */\n  onSort?: () => void;\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortable, sortDirection, onSort, children, ...props }, ref) => {\n    const content = sortable ? (\n      <button\n        type=\"button\"\n        onClick={onSort}\n        className={cn(\n          'hover:text-foreground flex items-center gap-1 transition-colors',\n          'focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none'\n        )}\n        aria-label={`Sort column ${sortDirection === 'asc' ? 'descending' : 'ascending'}`}\n      >\n        {children}\n        <SortIcon direction={sortDirection} />\n      </button>\n    ) : (\n      children\n    );\n\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-head\"\n        aria-sort={\n          sortable\n            ? sortDirection === 'asc'\n              ? 'ascending'\n              : sortDirection === 'desc'\n                ? 'descending'\n                : 'none'\n            : undefined\n        }\n        className={cn(\n          'text-muted-foreground h-12 px-4 text-left align-middle font-medium',\n          '[&:has([role=checkbox])]:pr-0',\n          className\n        )}\n        {...props}\n      >\n        {content}\n      </th>\n    );\n  }\n);\n\nTableHead.displayName = 'TableHead';\n\n// ============================================================================\n// Table Cell\n// ============================================================================\n\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-4 align-middle [&:has([role=checkbox])]:pr-0',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nTableCell.displayName = 'TableCell';\n\n// ============================================================================\n// Table Caption\n// ============================================================================\n\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  TableCaptionProps\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    data-slot=\"table-caption\"\n    className={cn('text-muted-foreground mt-4 text-sm', className)}\n    {...props}\n  />\n));\n\nTableCaption.displayName = 'TableCaption';\n\n// ============================================================================\n// Sort Icon\n// ============================================================================\n\nfunction SortIcon({ direction }: { direction?: 'asc' | 'desc' | null }) {\n  if (direction === 'asc') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        className=\"shrink-0\"\n      >\n        <path d=\"m5 12 7-7 7 7\" />\n      </svg>\n    );\n  }\n\n  if (direction === 'desc') {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        className=\"shrink-0\"\n      >\n        <path d=\"m19 12-7 7-7-7\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"shrink-0 opacity-50\"\n    >\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n};\n"]}