@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/chunk-DLNJLCNO.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+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 toggleVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "rounded-md text-sm font-medium",
+    "transition-colors",
+    "hover:bg-muted hover:text-muted-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent data-[state=on]:border-transparent"
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2",
+        md: "h-9 min-w-9 px-2.5",
+        lg: "h-10 min-w-10 px-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Toggle = React__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    pressed: controlledPressed,
+    defaultPressed = false,
+    onPressedChange,
+    disabled,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const [uncontrolledPressed, setUncontrolledPressed] = React__namespace.useState(defaultPressed);
+    const isControlled = controlledPressed !== void 0;
+    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
+    const handleClick = (e) => {
+      if (disabled) return;
+      const next = !isPressed;
+      if (!isControlled) setUncontrolledPressed(next);
+      onPressedChange?.(next);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "toggle",
+        "aria-pressed": isPressed,
+        "data-state": isPressed ? "on" : "off",
+        disabled,
+        onClick: handleClick,
+        className: chunkOR5DRJCW_cjs.cn(toggleVariants({ variant, size }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+exports.Toggle = Toggle;
+exports.toggleVariants = toggleVariants;
+//# sourceMappingURL=chunk-DLNJLCNO.cjs.map
+//# sourceMappingURL=chunk-DLNJLCNO.cjs.map

package/dist/chunk-DLNJLCNO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB;AAAA,IACE,+CAAA;AAAA,IACA,gCAAA;AAAA,IACA,mBAAA;AAAA,IACA,4CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAuBA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,EAAS,iBAAA;AAAA,IACT,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAC1CA,0BAAS,cAAc,CAAA;AAE/B,IAAA,MAAM,eAAe,iBAAA,KAAsB,MAAA;AAC3C,IAAA,MAAM,SAAA,GAAY,eAAe,iBAAA,GAAoB,mBAAA;AAErD,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA2C;AAC9D,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,OAAO,CAAC,SAAA;AACd,MAAA,IAAI,CAAC,YAAA,EAAc,sBAAA,CAAuB,IAAI,CAAA;AAC9C,MAAA,eAAA,GAAkB,IAAI,CAAA;AACtB,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,QAAA;AAAA,QACV,cAAA,EAAc,SAAA;AAAA,QACd,YAAA,EAAY,YAAY,IAAA,GAAO,KAAA;AAAA,QAC/B,QAAA;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAWC,qBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-DLNJLCNO.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst toggleVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'rounded-md text-sm font-medium',\n    'transition-colors',\n    'hover:bg-muted hover:text-muted-foreground',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-input bg-transparent data-[state=on]:border-transparent',\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2',\n        md: 'h-9 min-w-9 px-2.5',\n        lg: 'h-10 min-w-10 px-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface ToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>,\n    VariantProps<typeof toggleVariants> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Default pressed state (uncontrolled) */\n  defaultPressed?: boolean;\n  /** Callback fired when the pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n}\n\n/**\n * A two-state toggle button.\n *\n * @example\n * ```tsx\n * <Toggle aria-label=\"Bold\"><BoldIcon /></Toggle>\n * <Toggle pressed={italic} onPressedChange={setItalic}>Italic</Toggle>\n * ```\n */\nconst Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      pressed: controlledPressed,\n      defaultPressed = false,\n      onPressedChange,\n      disabled,\n      onClick,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledPressed, setUncontrolledPressed] =\n      React.useState(defaultPressed);\n\n    const isControlled = controlledPressed !== undefined;\n    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return;\n      const next = !isPressed;\n      if (!isControlled) setUncontrolledPressed(next);\n      onPressedChange?.(next);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"toggle\"\n        aria-pressed={isPressed}\n        data-state={isPressed ? 'on' : 'off'}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(toggleVariants({ variant, size }), className)}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nToggle.displayName = 'Toggle';\n\nexport { Toggle, toggleVariants };\n"]}

package/dist/chunk-DUPR6FEL.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var labelVariants = cva(
+  [
+    "text-foreground font-medium leading-none select-none",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Label = React.forwardRef(
+  ({ className, size, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "label",
+    {
+      ref,
+      "data-slot": "label",
+      className: cn(labelVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" })
+      ]
+    }
+  )
+);
+Label.displayName = "Label";
+
+export { Label, labelVariants };
+//# sourceMappingURL=chunk-DUPR6FEL.js.map
+//# sourceMappingURL=chunk-DUPR6FEL.js.map

package/dist/chunk-DUPR6FEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,sDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAmBA,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAClD,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC/C,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,2BAA0B,QAAA,EAAA,GAAA,EAE7D;AAAA;AAAA;AAAA;AAIR;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-DUPR6FEL.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst labelVariants = cva(\n  [\n    'text-foreground font-medium leading-none select-none',\n    'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface LabelProps\n  extends\n    React.LabelHTMLAttributes<HTMLLabelElement>,\n    VariantProps<typeof labelVariants> {\n  /** Marks the associated field as required, rendering an asterisk */\n  required?: boolean;\n}\n\n/**\n * An accessible form label that associates text with a form control via `htmlFor`.\n *\n * @example\n * ```tsx\n * <Label htmlFor=\"email\" required>Email</Label>\n * <input id=\"email\" type=\"email\" />\n * ```\n */\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, size, required, children, ...props }, ref) => (\n    <label\n      ref={ref}\n      data-slot=\"label\"\n      className={cn(labelVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span aria-hidden=\"true\" className=\"text-destructive ml-0.5\">\n          *\n        </span>\n      )}\n    </label>\n  )\n);\n\nLabel.displayName = 'Label';\n\nexport { Label, labelVariants };\n"]}

package/dist/{chunk-4FALCEJI.cjs → chunk-EL2RSQTJ.cjs}

@@ -75,5 +75,5 @@ Badge.displayName = "Badge";
 
 exports.Badge = Badge;
 exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=chunk-4FALCEJI.cjs.map
-//# sourceMappingURL=chunk-4FALCEJI.cjs.map
+//# sourceMappingURL=chunk-EL2RSQTJ.cjs.map
+//# sourceMappingURL=chunk-EL2RSQTJ.cjs.map

package/dist/{chunk-4FALCEJI.cjs.map → chunk-EL2RSQTJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB;AAAA,IACE,yCAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,OAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,2DAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAoBA,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,uBACEC,eAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAWC,qBAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-4FALCEJI.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-sm',\n        lg: 'px-3 py-1 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(badgeVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-1 shrink-0\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB;AAAA,IACE,yCAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,OAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,2DAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAoBA,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,uBACEC,eAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAWC,qBAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-EL2RSQTJ.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-sm',\n        lg: 'px-3 py-1 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(badgeVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-1 shrink-0\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-ERLPVXOV.js

@@ -0,0 +1,22 @@
+// src/utils/html.ts
+function stripHtmlTags(html) {
+  let result = "";
+  let inTag = false;
+  for (let i = 0; i < html.length; i++) {
+    if (html[i] === "<") {
+      inTag = true;
+    } else if (html[i] === ">") {
+      inTag = false;
+    } else if (!inTag) {
+      result += html[i];
+    }
+  }
+  return result;
+}
+function isHtmlEmpty(html) {
+  return stripHtmlTags(html).replace(/&nbsp;/g, " ").trim().length === 0;
+}
+
+export { isHtmlEmpty, stripHtmlTags };
+//# sourceMappingURL=chunk-ERLPVXOV.js.map
+//# sourceMappingURL=chunk-ERLPVXOV.js.map

package/dist/chunk-ERLPVXOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/html.ts"],"names":[],"mappings":";AAKO,SAAS,cAAc,IAAA,EAAsB;AAClD,EAAA,IAAI,MAAA,GAAS,EAAA;AACb,EAAA,IAAI,KAAA,GAAQ,KAAA;AACZ,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,QAAQ,CAAA,EAAA,EAAK;AACpC,IAAA,IAAI,IAAA,CAAK,CAAC,CAAA,KAAM,GAAA,EAAK;AACnB,MAAA,KAAA,GAAQ,IAAA;AAAA,IACV,CAAA,MAAA,IAAW,IAAA,CAAK,CAAC,CAAA,KAAM,GAAA,EAAK;AAC1B,MAAA,KAAA,GAAQ,KAAA;AAAA,IACV,CAAA,MAAA,IAAW,CAAC,KAAA,EAAO;AACjB,MAAA,MAAA,IAAU,KAAK,CAAC,CAAA;AAAA,IAClB;AAAA,EACF;AACA,EAAA,OAAO,MAAA;AACT;AAMO,SAAS,YAAY,IAAA,EAAuB;AACjD,EAAA,OACE,aAAA,CAAc,IAAI,CAAA,CACf,OAAA,CAAQ,WAAW,GAAG,CAAA,CACtB,IAAA,EAAK,CAAE,MAAA,KAAW,CAAA;AAEzB","file":"chunk-ERLPVXOV.js","sourcesContent":["/**\n * Extracts visible text from an HTML string without using regex.\n * Uses a simple character-by-character state machine to skip tags.\n * This avoids CodeQL false-positives associated with regex-based tag stripping.\n */\nexport function stripHtmlTags(html: string): string {\n  let result = '';\n  let inTag = false;\n  for (let i = 0; i < html.length; i++) {\n    if (html[i] === '<') {\n      inTag = true;\n    } else if (html[i] === '>') {\n      inTag = false;\n    } else if (!inTag) {\n      result += html[i];\n    }\n  }\n  return result;\n}\n\n/**\n * Returns true when an HTML string has no visible text content.\n * This is a visibility check, not a sanitizer — do NOT use for XSS prevention.\n */\nexport function isHtmlEmpty(html: string): boolean {\n  return (\n    stripHtmlTags(html)\n      .replace(/&nbsp;/g, ' ')\n      .trim().length === 0\n  );\n}\n"]}

package/dist/chunk-FIWKHLWY.js

@@ -0,0 +1,197 @@
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/TranscriptView/TranscriptView.tsx
+var transcriptViewVariants = cva("flex flex-col text-foreground", {
+  variants: {
+    variant: {
+      plain: "",
+      card: "rounded-xl border border-border bg-card text-card-foreground p-3"
+    }
+  },
+  defaultVariants: {
+    variant: "plain"
+  }
+});
+function formatTimestampMs(ms) {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${String(seconds).padStart(2, "0")}`;
+}
+function resolveSpeakerLabel(speakerId, speakerLabels, transcript) {
+  if (!speakerId) return void 0;
+  return speakerLabels?.[speakerId] ?? transcript.speakers?.find((s) => s.id === speakerId)?.name ?? speakerId;
+}
+function buildSegmentRows(segments, merge) {
+  const rows = [];
+  for (const segment of segments) {
+    const text = segment.text.trim();
+    if (!text) continue;
+    const prev = rows[rows.length - 1];
+    if (merge && prev && prev.speakerId === segment.speakerId) {
+      prev.text += " " + text;
+      prev.endMs = segment.endMs;
+    } else {
+      rows.push({
+        text,
+        startMs: segment.startMs,
+        endMs: segment.endMs,
+        speakerId: segment.speakerId
+      });
+    }
+  }
+  return rows;
+}
+function findActiveIndex(items, timeMs) {
+  if (timeMs === void 0) return -1;
+  return items.findIndex(
+    (item) => timeMs >= item.startMs && timeMs < item.endMs
+  );
+}
+function activationProps(onActivate) {
+  return {
+    onClick: onActivate,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onActivate();
+      }
+    }
+  };
+}
+var TranscriptView = React.forwardRef(
+  ({
+    transcript,
+    granularity,
+    currentTimeMs,
+    onSeek,
+    followPlayback = true,
+    speakerLabels,
+    mergeSameSpeaker = false,
+    showTimestamps = true,
+    actions,
+    variant,
+    className,
+    "aria-label": ariaLabel = "Transcript"
+  }, ref) => {
+    const contentRef = React.useRef(null);
+    const isHoveringRef = React.useRef(false);
+    const resolvedGranularity = granularity ?? (transcript.segments && transcript.segments.length > 0 ? "segment" : "word");
+    const segmentRows = React.useMemo(
+      () => resolvedGranularity === "segment" ? buildSegmentRows(transcript.segments ?? [], mergeSameSpeaker) : [],
+      [resolvedGranularity, transcript.segments, mergeSameSpeaker]
+    );
+    const activeIndex = resolvedGranularity === "segment" ? findActiveIndex(segmentRows, currentTimeMs) : findActiveIndex(transcript.words, currentTimeMs);
+    React.useEffect(() => {
+      if (!followPlayback || activeIndex < 0 || isHoveringRef.current) return;
+      const el = contentRef.current?.querySelector(
+        `[data-transcript-index="${activeIndex}"]`
+      );
+      el?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    }, [followPlayback, activeIndex]);
+    const seekTo = (timeMs) => onSeek?.(timeMs);
+    const renderWord = (word, index) => {
+      const isActive = index === activeIndex;
+      const wordType = word.wordType ?? "word";
+      const durationSec = ((word.endMs - word.startMs) / 1e3).toFixed(1);
+      if (wordType === "silence-newline") {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-transcript-index": index,
+            role: "button",
+            tabIndex: 0,
+            "aria-current": isActive ? "true" : void 0,
+            "aria-label": `Silence, ${durationSec} seconds`,
+            className: `hover:bg-muted focus-visible:ring-ring block h-3 cursor-pointer rounded transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-500/20" : ""}`,
+            ...activationProps(() => seekTo(word.startMs))
+          },
+          index
+        );
+      }
+      if (wordType === "silence") {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-transcript-index": index,
+            role: "button",
+            tabIndex: 0,
+            "aria-current": isActive ? "true" : void 0,
+            "aria-label": `Silence, ${durationSec} seconds`,
+            className: `text-muted-foreground/60 hover:bg-muted focus-visible:ring-ring cursor-pointer rounded px-0.5 transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-500/20" : ""}`,
+            ...activationProps(() => seekTo(word.startMs)),
+            children: "\xB7 "
+          },
+          index
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "data-transcript-index": index,
+          role: "button",
+          tabIndex: 0,
+          "aria-current": isActive ? "true" : void 0,
+          className: `hover:bg-muted focus-visible:ring-ring cursor-pointer rounded px-0.5 transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-500/20 text-foreground" : ""}`,
+          ...activationProps(() => seekTo(word.startMs)),
+          children: [
+            word.text,
+            " "
+          ]
+        },
+        index
+      );
+    };
+    const renderSegmentRow = (row, index) => {
+      const isActive = index === activeIndex;
+      const speaker = resolveSpeakerLabel(
+        row.speakerId,
+        speakerLabels,
+        transcript
+      );
+      return /* @__PURE__ */ jsx("div", { role: "listitem", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-transcript-index": index,
+          "aria-current": isActive ? "true" : void 0,
+          className: `hover:bg-muted focus-visible:ring-ring flex w-full cursor-pointer gap-3 rounded px-2 py-1 text-left text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none ${isActive ? "bg-primary-500/20" : ""}`,
+          ...activationProps(() => seekTo(row.startMs)),
+          children: [
+            showTimestamps && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-12 shrink-0 font-mono", children: formatTimestampMs(row.startMs) }),
+            speaker && /* @__PURE__ */ jsxs("span", { className: "text-primary-900 w-24 shrink-0 font-semibold", children: [
+              speaker,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-foreground", children: row.text })
+          ]
+        }
+      ) }, index);
+    };
+    return /* @__PURE__ */ jsxs("div", { ref, className: transcriptViewVariants({ variant, className }), children: [
+      actions && /* @__PURE__ */ jsx("div", { className: "border-border mb-2 flex items-center justify-end gap-2 border-b pb-2", children: actions }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: contentRef,
+          "aria-label": ariaLabel,
+          onMouseEnter: () => {
+            isHoveringRef.current = true;
+          },
+          onMouseLeave: () => {
+            isHoveringRef.current = false;
+          },
+          ...resolvedGranularity === "segment" ? { role: "list", className: "space-y-2" } : { className: "text-sm leading-relaxed" },
+          children: resolvedGranularity === "segment" ? segmentRows.map(renderSegmentRow) : transcript.words.map(renderWord)
+        }
+      )
+    ] });
+  }
+);
+TranscriptView.displayName = "TranscriptView";
+
+export { TranscriptView, formatTimestampMs };
+//# sourceMappingURL=chunk-FIWKHLWY.js.map
+//# sourceMappingURL=chunk-FIWKHLWY.js.map

package/dist/chunk-FIWKHLWY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TranscriptView/TranscriptView.tsx"],"names":[],"mappings":"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","file":"chunk-FIWKHLWY.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type {\n  Transcript,\n  TranscriptSegment,\n  TranscriptWord,\n} from './transcript';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type TranscriptGranularity = 'word' | 'segment';\n\nexport interface TranscriptViewProps extends VariantProps<\n  typeof transcriptViewVariants\n> {\n  /** The transcript to render */\n  transcript: Transcript;\n  /**\n   * Rendering granularity. Defaults to 'segment' when the transcript has\n   * segments, otherwise 'word'.\n   */\n  granularity?: TranscriptGranularity;\n  /** Controlled playback position (ms); the matching word/segment is highlighted */\n  currentTimeMs?: number;\n  /** Called with the start time (ms) of a clicked word/segment; the host performs the seek/play */\n  onSeek?: (timeMs: number) => void;\n  /** Auto-scroll the active word/segment into view (default true) */\n  followPlayback?: boolean;\n  /**\n   * Maps Speaker.id to a display label (e.g. Clinician/Patient). Falls back to\n   * Speaker.name from transcript.speakers, then the raw id.\n   */\n  speakerLabels?: Record<string, string>;\n  /** Segment mode: merge consecutive same-speaker segments into one row (default false) */\n  mergeSameSpeaker?: boolean;\n  /** Segment mode: show mm:ss timestamps (default true) */\n  showTimestamps?: boolean;\n  /** Rendered in a header row (host supplies copy/re-transcribe/remove buttons) */\n  actions?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n  /** Accessible label for the transcript container (default 'Transcript') */\n  'aria-label'?: string;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst transcriptViewVariants = cva('flex flex-col text-foreground', {\n  variants: {\n    variant: {\n      plain: '',\n      card: 'rounded-xl border border-border bg-card text-card-foreground p-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'plain',\n  },\n});\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/** Format milliseconds as m:ss (osheet timestamp style) */\nexport function formatTimestampMs(ms: number): string {\n  const totalSeconds = Math.floor(ms / 1000);\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n  return `${minutes}:${String(seconds).padStart(2, '0')}`;\n}\n\n/** Resolve a speaker id to its display label */\nfunction resolveSpeakerLabel(\n  speakerId: string | undefined,\n  speakerLabels: Record<string, string> | undefined,\n  transcript: Transcript\n): string | undefined {\n  if (!speakerId) return undefined;\n  return (\n    speakerLabels?.[speakerId] ??\n    transcript.speakers?.find((s) => s.id === speakerId)?.name ??\n    speakerId\n  );\n}\n\n/** A display row in segment mode (possibly the merge of several source segments) */\ninterface SegmentRow {\n  text: string;\n  startMs: number;\n  endMs: number;\n  speakerId?: string;\n}\n\n/**\n * Build segment display rows, optionally merging consecutive same-speaker\n * segments (osheet formatTranscriptText behavior). Empty segments are skipped.\n */\nfunction buildSegmentRows(\n  segments: TranscriptSegment[],\n  merge: boolean\n): SegmentRow[] {\n  const rows: SegmentRow[] = [];\n  for (const segment of segments) {\n    const text = segment.text.trim();\n    if (!text) continue;\n    const prev = rows[rows.length - 1];\n    if (merge && prev && prev.speakerId === segment.speakerId) {\n      prev.text += ' ' + text;\n      prev.endMs = segment.endMs;\n    } else {\n      rows.push({\n        text,\n        startMs: segment.startMs,\n        endMs: segment.endMs,\n        speakerId: segment.speakerId,\n      });\n    }\n  }\n  return rows;\n}\n\n/** Index of the item whose [startMs, endMs) range contains timeMs, or -1 */\nfunction findActiveIndex(\n  items: ReadonlyArray<{ startMs: number; endMs: number }>,\n  timeMs: number | undefined\n): number {\n  if (timeMs === undefined) return -1;\n  return items.findIndex(\n    (item) => timeMs >= item.startMs && timeMs < item.endMs\n  );\n}\n\n/** Run onActivate for click and Enter/Space keyboard activation */\nfunction activationProps(onActivate: () => void) {\n  return {\n    onClick: onActivate,\n    onKeyDown: (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        onActivate();\n      }\n    },\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Read-only transcript viewer with word-level and segment-level (diarized)\n * rendering modes.\n *\n * Controlled and persistence-agnostic: the host owns playback and passes the\n * position via `currentTimeMs`; clicking a word/segment reports the target\n * time through `onSeek`. Segment mode matches the osheet artifact-viewer row\n * UX (timestamp | speaker | text, click to seek + play). Editing lives in\n * MediaEditor, not here.\n */\nexport const TranscriptView = React.forwardRef<\n  HTMLDivElement,\n  TranscriptViewProps\n>(\n  (\n    {\n      transcript,\n      granularity,\n      currentTimeMs,\n      onSeek,\n      followPlayback = true,\n      speakerLabels,\n      mergeSameSpeaker = false,\n      showTimestamps = true,\n      actions,\n      variant,\n      className,\n      'aria-label': ariaLabel = 'Transcript',\n    },\n    ref\n  ) => {\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const isHoveringRef = React.useRef(false);\n\n    const resolvedGranularity: TranscriptGranularity =\n      granularity ??\n      (transcript.segments && transcript.segments.length > 0\n        ? 'segment'\n        : 'word');\n\n    const segmentRows = React.useMemo(\n      () =>\n        resolvedGranularity === 'segment'\n          ? buildSegmentRows(transcript.segments ?? [], mergeSameSpeaker)\n          : [],\n      [resolvedGranularity, transcript.segments, mergeSameSpeaker]\n    );\n\n    const activeIndex =\n      resolvedGranularity === 'segment'\n        ? findActiveIndex(segmentRows, currentTimeMs)\n        : findActiveIndex(transcript.words, currentTimeMs);\n\n    // Auto-scroll the active item into view, unless the user is hovering\n    React.useEffect(() => {\n      if (!followPlayback || activeIndex < 0 || isHoveringRef.current) return;\n      const el = contentRef.current?.querySelector(\n        `[data-transcript-index=\"${activeIndex}\"]`\n      );\n      el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }, [followPlayback, activeIndex]);\n\n    const seekTo = (timeMs: number) => onSeek?.(timeMs);\n\n    // ------------------------------------------------------------------\n    // Word mode rendering\n    // ------------------------------------------------------------------\n    const renderWord = (word: TranscriptWord, index: number) => {\n      const isActive = index === activeIndex;\n      const wordType = word.wordType ?? 'word';\n      const durationSec = ((word.endMs - word.startMs) / 1000).toFixed(1);\n\n      if (wordType === 'silence-newline') {\n        // Longer pause: force a line break (block element inside inline flow)\n        return (\n          <span\n            key={index}\n            data-transcript-index={index}\n            role=\"button\"\n            tabIndex={0}\n            aria-current={isActive ? 'true' : undefined}\n            aria-label={`Silence, ${durationSec} seconds`}\n            className={`hover:bg-muted focus-visible:ring-ring block h-3 cursor-pointer rounded transition-colors focus-visible:ring-2 focus-visible:outline-none ${\n              isActive ? 'bg-primary-500/20' : ''\n            }`}\n            {...activationProps(() => seekTo(word.startMs))}\n          />\n        );\n      }\n\n      if (wordType === 'silence') {\n        // Short gap: subtle interpunct\n        return (\n          <span\n            key={index}\n            data-transcript-index={index}\n            role=\"button\"\n            tabIndex={0}\n            aria-current={isActive ? 'true' : undefined}\n            aria-label={`Silence, ${durationSec} seconds`}\n            className={`text-muted-foreground/60 hover:bg-muted focus-visible:ring-ring cursor-pointer rounded px-0.5 transition-colors focus-visible:ring-2 focus-visible:outline-none ${\n              isActive ? 'bg-primary-500/20' : ''\n            }`}\n            {...activationProps(() => seekTo(word.startMs))}\n          >\n            {'\\u00B7 '}\n          </span>\n        );\n      }\n\n      return (\n        <span\n          key={index}\n          data-transcript-index={index}\n          role=\"button\"\n          tabIndex={0}\n          aria-current={isActive ? 'true' : undefined}\n          className={`hover:bg-muted focus-visible:ring-ring cursor-pointer rounded px-0.5 transition-colors focus-visible:ring-2 focus-visible:outline-none ${\n            isActive ? 'bg-primary-500/20 text-foreground' : ''\n          }`}\n          {...activationProps(() => seekTo(word.startMs))}\n        >\n          {word.text}{' '}\n        </span>\n      );\n    };\n\n    // ------------------------------------------------------------------\n    // Segment mode rendering (osheet artifact-viewer row parity)\n    // ------------------------------------------------------------------\n    const renderSegmentRow = (row: SegmentRow, index: number) => {\n      const isActive = index === activeIndex;\n      const speaker = resolveSpeakerLabel(\n        row.speakerId,\n        speakerLabels,\n        transcript\n      );\n\n      return (\n        <div key={index} role=\"listitem\">\n          <button\n            type=\"button\"\n            data-transcript-index={index}\n            aria-current={isActive ? 'true' : undefined}\n            className={`hover:bg-muted focus-visible:ring-ring flex w-full cursor-pointer gap-3 rounded px-2 py-1 text-left text-sm transition-colors focus-visible:ring-2 focus-visible:outline-none ${\n              isActive ? 'bg-primary-500/20' : ''\n            }`}\n            {...activationProps(() => seekTo(row.startMs))}\n          >\n            {showTimestamps && (\n              <span className=\"text-muted-foreground w-12 shrink-0 font-mono\">\n                {formatTimestampMs(row.startMs)}\n              </span>\n            )}\n            {speaker && (\n              <span className=\"text-primary-900 w-24 shrink-0 font-semibold\">\n                {speaker}:\n              </span>\n            )}\n            <span className=\"text-foreground\">{row.text}</span>\n          </button>\n        </div>\n      );\n    };\n\n    return (\n      <div ref={ref} className={transcriptViewVariants({ variant, className })}>\n        {actions && (\n          <div className=\"border-border mb-2 flex items-center justify-end gap-2 border-b pb-2\">\n            {actions}\n          </div>\n        )}\n        <div\n          ref={contentRef}\n          aria-label={ariaLabel}\n          onMouseEnter={() => {\n            isHoveringRef.current = true;\n          }}\n          onMouseLeave={() => {\n            isHoveringRef.current = false;\n          }}\n          {...(resolvedGranularity === 'segment'\n            ? { role: 'list', className: 'space-y-2' }\n            : { className: 'text-sm leading-relaxed' })}\n        >\n          {resolvedGranularity === 'segment'\n            ? segmentRows.map(renderSegmentRow)\n            : transcript.words.map(renderWord)}\n        </div>\n      </div>\n    );\n  }\n);\n\nTranscriptView.displayName = 'TranscriptView';\n"]}