@vegait/lyra-ds-v2 0.1.0

package/dist/chunk-EMKU3IZY.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded font-body font-semibold text-sm",
+    "transition-colors duration-[var(--duration-fast)]",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2",
+    "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-[var(--color-action-primary)] text-[var(--color-on-action-primary)]",
+          "hover:bg-[var(--color-action-primary-hover)]",
+          "active:bg-[var(--color-action-primary-active)]"
+        ],
+        secondary: [
+          "bg-[var(--color-action-secondary)] text-[var(--color-on-action-secondary)]",
+          "hover:brightness-95"
+        ],
+        outlined: [
+          "border border-[var(--color-outline)] bg-transparent text-[var(--color-on-surface)]",
+          "hover:bg-[var(--state-hover-on-surface)]"
+        ],
+        ghost: [
+          "bg-transparent text-[var(--color-on-surface)]",
+          "hover:bg-[var(--state-hover-on-surface)]"
+        ],
+        destructive: [
+          "bg-[var(--color-error)] text-white",
+          "hover:brightness-90"
+        ]
+      },
+      size: {
+        sm: "h-7 px-3 text-xs",
+        md: "h-8 px-4 text-sm",
+        lg: "h-9 px-5 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, loading, disabled, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        disabled: disabled || loading,
+        ...props,
+        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "size-3.5 animate-spin rounded-full border-2 border-current border-t-transparent",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Carregando..." })
+        ] }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-EMKU3IZY.js.map

package/dist/chunk-EMKU3IZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded font-body font-semibold text-sm\",\n    \"transition-colors duration-[var(--duration-fast)]\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          \"bg-[var(--color-action-primary)] text-[var(--color-on-action-primary)]\",\n          \"hover:bg-[var(--color-action-primary-hover)]\",\n          \"active:bg-[var(--color-action-primary-active)]\",\n        ],\n        secondary: [\n          \"bg-[var(--color-action-secondary)] text-[var(--color-on-action-secondary)]\",\n          \"hover:brightness-95\",\n        ],\n        outlined: [\n          \"border border-[var(--color-outline)] bg-transparent text-[var(--color-on-surface)]\",\n          \"hover:bg-[var(--state-hover-on-surface)]\",\n        ],\n        ghost: [\n          \"bg-transparent text-[var(--color-on-surface)]\",\n          \"hover:bg-[var(--state-hover-on-surface)]\",\n        ],\n        destructive: [\n          \"bg-[var(--color-error)] text-white\",\n          \"hover:brightness-90\",\n        ],\n      },\n      size: {\n        sm: \"h-7 px-3 text-xs\",\n        md: \"h-8 px-4 text-sm\",\n        lg: \"h-9 px-5 text-sm\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, loading, disabled, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span\n              className=\"size-3.5 animate-spin rounded-full border-2 border-current border-t-transparent\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"sr-only\">Carregando...</span>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAmE7B,mBACE,KADF;AAhEV,IAAM,iBAAiB;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,UAAU;AAAA,UACR;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AASA,IAAM,SAAe;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,SAAS,UAAU,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC7F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH,oBACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA;AAAA,UACd;AAAA,UACA,oBAAC,UAAK,WAAU,WAAU,2BAAa;AAAA,WACzC,IAEA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-FZD2ZXN2.js

@@ -0,0 +1,81 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/progress-bar.tsx
+import * as React from "react";
+import * as RadixProgress from "@radix-ui/react-progress";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var trackVariants = cva(
+  "relative w-full overflow-hidden rounded-full bg-[var(--color-surf-container-high)]",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5",
+        md: "h-2.5",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var fillVariants = cva(
+  "h-full w-full flex-1 rounded-full transition-all duration-[var(--duration-slow)] ease-[var(--ease-out)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-primary)]",
+        success: "bg-[var(--color-success)]",
+        warning: "bg-[var(--color-warning)]",
+        error: "bg-[var(--color-error)]"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var ProgressBar = React.forwardRef(
+  ({
+    value,
+    max = 100,
+    label,
+    showValue = false,
+    caption,
+    size,
+    variant,
+    className
+  }, ref) => {
+    const clamped = Math.min(Math.max(value, 0), max);
+    const pct = max > 0 ? clamped / max * 100 : 0;
+    const display = max === 100 ? `${Math.round(pct)}%` : `${clamped}/${max}`;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1.5 w-full", className), children: [
+      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        label && /* @__PURE__ */ jsx("span", { className: "text-body-sm font-semibold text-[var(--color-on-surface)]", children: label }),
+        showValue && /* @__PURE__ */ jsx("span", { className: "text-body-sm text-[var(--color-on-surface-var)] tabular-nums ml-auto", children: display })
+      ] }),
+      /* @__PURE__ */ jsx(
+        RadixProgress.Root,
+        {
+          value: clamped,
+          max,
+          className: cn(trackVariants({ size })),
+          children: /* @__PURE__ */ jsx(
+            RadixProgress.Indicator,
+            {
+              className: cn(fillVariants({ variant })),
+              style: { transform: `translateX(-${100 - pct}%)` }
+            }
+          )
+        }
+      ),
+      caption && /* @__PURE__ */ jsx("span", { className: "text-body-sm text-[var(--color-on-surface-var)]", children: caption })
+    ] });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+
+export {
+  ProgressBar
+};
+//# sourceMappingURL=chunk-FZD2ZXN2.js.map

package/dist/chunk-FZD2ZXN2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/progress-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as RadixProgress from \"@radix-ui/react-progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst trackVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-[var(--color-surf-container-high)]\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2.5\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  }\n);\n\nconst fillVariants = cva(\n  \"h-full w-full flex-1 rounded-full transition-all duration-[var(--duration-slow)] ease-[var(--ease-out)]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--color-primary)]\",\n        success: \"bg-[var(--color-success)]\",\n        warning: \"bg-[var(--color-warning)]\",\n        error:   \"bg-[var(--color-error)]\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  }\n);\n\nexport interface ProgressBarProps extends VariantProps<typeof trackVariants>, VariantProps<typeof fillVariants> {\n  value: number;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n  caption?: string;\n  className?: string;\n}\n\nconst ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  (\n    {\n      value,\n      max = 100,\n      label,\n      showValue = false,\n      caption,\n      size,\n      variant,\n      className,\n    },\n    ref\n  ) => {\n    const clamped = Math.min(Math.max(value, 0), max);\n    const pct = max > 0 ? (clamped / max) * 100 : 0;\n    const display = max === 100 ? `${Math.round(pct)}%` : `${clamped}/${max}`;\n\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-1.5 w-full\", className)}>\n      {(label || showValue) && (\n        <div className=\"flex items-center justify-between gap-2\">\n          {label && (\n            <span className=\"text-body-sm font-semibold text-[var(--color-on-surface)]\">\n              {label}\n            </span>\n          )}\n          {showValue && (\n            <span className=\"text-body-sm text-[var(--color-on-surface-var)] tabular-nums ml-auto\">\n              {display}\n            </span>\n          )}\n        </div>\n      )}\n\n      <RadixProgress.Root\n        value={clamped}\n        max={max}\n        className={cn(trackVariants({ size }))}\n      >\n        <RadixProgress.Indicator\n          className={cn(fillVariants({ variant }))}\n          style={{ transform: `translateX(-${100 - pct}%)` }}\n        />\n      </RadixProgress.Root>\n\n      {caption && (\n        <span className=\"text-body-sm text-[var(--color-on-surface-var)]\">\n          {caption}\n        </span>\n      )}\n      </div>\n    );\n  }\n);\n\nProgressBar.displayName = \"ProgressBar\";\nexport { ProgressBar };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAC/B,SAAS,WAA8B;AA8D/B,SAEI,KAFJ;AA3DR,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,KAAK;AAAA,EAChC;AACF;AAEA,IAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,UAAU;AAAA,EACxC;AACF;AAWA,IAAM,cAAoB;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,GAAG;AAChD,UAAM,MAAM,MAAM,IAAK,UAAU,MAAO,MAAM;AAC9C,UAAM,UAAU,QAAQ,MAAM,GAAG,KAAK,MAAM,GAAG,CAAC,MAAM,GAAG,OAAO,IAAI,GAAG;AAEvE,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,gCAAgC,SAAS,GACpE;AAAA,gBAAS,cACT,qBAAC,SAAI,WAAU,2CACZ;AAAA,iBACC,oBAAC,UAAK,WAAU,6DACb,iBACH;AAAA,QAED,aACC,oBAAC,UAAK,WAAU,wEACb,mBACH;AAAA,SAEJ;AAAA,MAGF;AAAA,QAAe;AAAA,QAAd;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,CAAC;AAAA,UAErC;AAAA,YAAe;AAAA,YAAd;AAAA,cACC,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,CAAC;AAAA,cACvC,OAAO,EAAE,WAAW,eAAe,MAAM,GAAG,KAAK;AAAA;AAAA,UACnD;AAAA;AAAA,MACF;AAAA,MAEC,WACC,oBAAC,UAAK,WAAU,mDACb,mBACH;AAAA,OAEF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/chunk-FZFA24YL.js

@@ -0,0 +1,90 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/alert.tsx
+import * as React from "react";
+import {
+  Info,
+  CheckCircle,
+  AlertTriangle,
+  AlertCircle,
+  X
+} from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var alertVariants = cva(
+  "flex gap-3 p-4 rounded-[var(--radius-md)] border-l-[3px]",
+  {
+    variants: {
+      variant: {
+        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border-l-[var(--color-info)]",
+        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border-l-[var(--color-success)]",
+        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border-l-[var(--color-warning)]",
+        error: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border-l-[var(--color-error)]"
+      }
+    }
+  }
+);
+var DEFAULT_ICONS = {
+  info: Info,
+  success: CheckCircle,
+  warning: AlertTriangle,
+  error: AlertCircle
+};
+var Alert = React.forwardRef(
+  ({
+    className,
+    variant,
+    title,
+    description,
+    icon: IconProp,
+    onDismiss,
+    action,
+    ...props
+  }, ref) => {
+    const Icon = IconProp ?? DEFAULT_ICONS[variant];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 size-5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "text-heading mb-0.5", children: title }),
+            /* @__PURE__ */ jsx("p", { className: "text-body-md", children: description }),
+            action && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: action.onClick,
+                className: "mt-2 text-body-sm font-semibold underline hover:no-underline",
+                children: action.label
+              }
+            )
+          ] }),
+          onDismiss && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "shrink-0 rounded hover:opacity-70 transition-opacity",
+              "aria-label": "Fechar",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export {
+  Alert
+};
+//# sourceMappingURL=chunk-FZFA24YL.js.map

package/dist/chunk-FZFA24YL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Info,\n  CheckCircle,\n  AlertTriangle,\n  AlertCircle,\n  X,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst alertVariants = cva(\n  \"flex gap-3 p-4 rounded-[var(--radius-md)] border-l-[3px]\",\n  {\n    variants: {\n      variant: {\n        info: \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border-l-[var(--color-info)]\",\n        success:\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border-l-[var(--color-success)]\",\n        warning:\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border-l-[var(--color-warning)]\",\n        error:\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border-l-[var(--color-error)]\",\n      },\n    },\n  }\n);\n\nconst DEFAULT_ICONS: Record<string, LucideIcon> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: AlertCircle,\n};\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant: \"info\" | \"success\" | \"warning\" | \"error\";\n  title?: string;\n  description: string;\n  icon?: LucideIcon;\n  onDismiss?: () => void;\n  action?: { label: string; onClick: () => void };\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      variant,\n      title,\n      description,\n      icon: IconProp,\n      onDismiss,\n      action,\n      ...props\n    },\n    ref\n  ) => {\n    const Icon = IconProp ?? DEFAULT_ICONS[variant];\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant }), className)}\n        {...props}\n      >\n        <Icon className=\"mt-0.5 size-5 shrink-0\" aria-hidden=\"true\" />\n        <div className=\"flex-1 min-w-0\">\n          {title && <p className=\"text-heading mb-0.5\">{title}</p>}\n          <p className=\"text-body-md\">{description}</p>\n          {action && (\n            <button\n              type=\"button\"\n              onClick={action.onClick}\n              className=\"mt-2 text-body-sm font-semibold underline hover:no-underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className=\"shrink-0 rounded hover:opacity-70 transition-opacity\"\n            aria-label=\"Fechar\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW;AA2DZ,cACA,YADA;AAxDR,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,gBAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAWA,IAAM,QAAc;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,YAAY,cAAc,OAAO;AAE9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,QAClD,GAAG;AAAA,QAEJ;AAAA,8BAAC,QAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,UAC5D,qBAAC,SAAI,WAAU,kBACZ;AAAA,qBAAS,oBAAC,OAAE,WAAU,uBAAuB,iBAAM;AAAA,YACpD,oBAAC,OAAE,WAAU,gBAAgB,uBAAY;AAAA,YACxC,UACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,OAAO;AAAA,gBAChB,WAAU;AAAA,gBAET,iBAAO;AAAA;AAAA,YACV;AAAA,aAEJ;AAAA,UACC,aACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,UACxB;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/chunk-G5SLIXQ5.cjs

@@ -0,0 +1,87 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkR5SUYP2Fcjs = require('./chunk-R5SUYP2F.cjs');
+
+
+var _chunkA665K552cjs = require('./chunk-A665K552.cjs');
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/sidebar.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Sidebar = React.forwardRef(
+  ({ logo, navItems, user, onNavigate, className }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "aside",
+    {
+      ref,
+      className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+        "flex flex-col sticky top-0 h-screen shrink-0 bg-[var(--color-primary)]",
+        "w-[var(--sidebar-width)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+              "flex items-center shrink-0 px-5",
+              "h-[var(--sidebar-header-height)]",
+              "border-b border-[var(--color-divider-on-primary)]"
+            ),
+            children: logo
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex-1 overflow-y-auto py-2", children: navItems.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "a",
+          {
+            href: _chunkR5SUYP2Fcjs.safeHref.call(void 0, item.href),
+            "aria-current": item.active ? "page" : void 0,
+            onClick: (e) => {
+              if (onNavigate) {
+                e.preventDefault();
+                onNavigate(item.href);
+              }
+            },
+            className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+              "flex w-full items-center gap-3 px-4 py-2.5 no-underline transition-colors border-l-[3px]",
+              item.active ? "border-white font-semibold bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]" : "border-transparent text-[var(--color-on-primary-muted)] hover:bg-[var(--state-hover-on-primary)]"
+            ),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, item.icon, { size: 18, className: "shrink-0" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-md flex-1", children: item.label }),
+              item.badge !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+                    "ml-auto rounded-full text-center text-tiny",
+                    "bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]",
+                    "min-w-[18px] px-1.5 py-px"
+                  ),
+                  children: item.badge
+                }
+              )
+            ]
+          },
+          item.href
+        )) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-4 shrink-0 h-px bg-[var(--color-divider-on-primary)]" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 shrink-0 p-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA665K552cjs.Avatar, { name: user.name, src: user.avatarSrc, size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-md font-semibold truncate text-[var(--color-on-action-primary)]", children: user.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-sm truncate text-[var(--color-on-primary-muted)]", children: user.role })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+Sidebar.displayName = "Sidebar";
+
+
+
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=chunk-G5SLIXQ5.cjs.map

package/dist/chunk-G5SLIXQ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-G5SLIXQ5.cjs","../src/components/sidebar.tsx"],"names":[],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-G5SLIXQ5.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { safeHref } from \"../lib/safe-href\";\nimport { Avatar } from \"./avatar\";\n\ninterface SidebarNavItem {\n  label: string;\n  href: string;\n  icon: LucideIcon;\n  active?: boolean;\n  badge?: string | number;\n}\n\nexport interface SidebarProps {\n  logo: React.ReactNode;\n  navItems: SidebarNavItem[];\n  user: {\n    name: string;\n    role: string;\n    avatarSrc?: string;\n  };\n  onNavigate?: (href: string) => void;\n  className?: string;\n}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ logo, navItems, user, onNavigate, className }, ref) => (\n    <aside\n      ref={ref}\n      className={cn(\n        \"flex flex-col sticky top-0 h-screen shrink-0 bg-[var(--color-primary)]\",\n        \"w-[var(--sidebar-width)]\",\n        className\n      )}\n    >\n      {/* Logo area */}\n      <div\n        className={cn(\n          \"flex items-center shrink-0 px-5\",\n          \"h-[var(--sidebar-header-height)]\",\n          \"border-b border-[var(--color-divider-on-primary)]\"\n        )}\n      >\n        {logo}\n      </div>\n\n      {/* Nav items */}\n      <nav className=\"flex-1 overflow-y-auto py-2\">\n        {navItems.map((item) => (\n          <a\n            key={item.href}\n            href={safeHref(item.href)}\n            aria-current={item.active ? \"page\" : undefined}\n            onClick={(e) => {\n              if (onNavigate) {\n                e.preventDefault();\n                onNavigate(item.href);\n              }\n            }}\n            className={cn(\n              \"flex w-full items-center gap-3 px-4 py-2.5 no-underline transition-colors border-l-[3px]\",\n              item.active\n                ? \"border-white font-semibold bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]\"\n                : \"border-transparent text-[var(--color-on-primary-muted)] hover:bg-[var(--state-hover-on-primary)]\"\n            )}\n          >\n            <item.icon size={18} className=\"shrink-0\" />\n            <span className=\"text-body-md flex-1\">{item.label}</span>\n            {item.badge !== undefined && (\n              <span\n                className={cn(\n                  \"ml-auto rounded-full text-center text-tiny\",\n                  \"bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]\",\n                  \"min-w-[18px] px-1.5 py-px\"\n                )}\n              >\n                {item.badge}\n              </span>\n            )}\n          </a>\n        ))}\n      </nav>\n\n      {/* Separator */}\n      <div className=\"mx-4 shrink-0 h-px bg-[var(--color-divider-on-primary)]\" />\n\n      {/* User profile */}\n      <div className=\"flex items-center gap-3 shrink-0 p-4\">\n        <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n        <div className=\"flex flex-col min-w-0\">\n          <span className=\"text-body-md font-semibold truncate text-[var(--color-on-action-primary)]\">\n            {user.name}\n          </span>\n          <span className=\"text-body-sm truncate text-[var(--color-on-primary-muted)]\">\n            {user.role}\n          </span>\n        </div>\n      </div>\n    </aside>\n  )\n);\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"]}

package/dist/chunk-G6T2BYPC.js

@@ -0,0 +1,88 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/radio-group.tsx
+import * as React from "react";
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioGroup = React.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onValueChange,
+    disabled,
+    orientation = "vertical",
+    className,
+    children
+  }, ref) => /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      value,
+      defaultValue,
+      onValueChange,
+      disabled,
+      orientation,
+      className: cn(
+        "flex",
+        orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
+        className
+      ),
+      children
+    }
+  )
+);
+var RadioGroupItem = React.forwardRef(({ value, label, description, disabled, id: idProp }, ref) => {
+  const generatedId = React.useId();
+  const id = idProp ?? generatedId;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", disabled && "opacity-50 cursor-not-allowed"), children: [
+    /* @__PURE__ */ jsx(
+      RadixRadioGroup.Item,
+      {
+        ref,
+        id,
+        value,
+        disabled,
+        className: cn(
+          "mt-0.5 size-4 shrink-0 rounded-full border-2 border-[var(--color-outline)]",
+          "transition-colors duration-[var(--duration-fast)]",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2",
+          "data-[state=checked]:border-[var(--color-primary)] data-[state=checked]:bg-[var(--color-primary)]",
+          "disabled:cursor-not-allowed",
+          "relative flex items-center justify-center"
+        ),
+        children: /* @__PURE__ */ jsx(
+          RadixRadioGroup.Indicator,
+          {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-white block" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            "text-body-md cursor-pointer text-[var(--color-on-surface)] leading-none pt-0.5",
+            disabled && "cursor-not-allowed"
+          ),
+          children: label
+        }
+      ),
+      description && /* @__PURE__ */ jsx("span", { className: "text-body-sm text-[var(--color-on-surface-var)] mt-0.5", children: description })
+    ] })
+  ] });
+});
+RadioGroup.displayName = "RadioGroup";
+RadioGroupItem.displayName = "RadioGroupItem";
+
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=chunk-G6T2BYPC.js.map

package/dist/chunk-G6T2BYPC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\nimport { cn } from \"../lib/utils\";\n\nexport interface RadioGroupProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  disabled?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadixRadioGroup.Root>,\n  RadioGroupProps\n>(\n  (\n    {\n      value,\n      defaultValue,\n      onValueChange,\n      disabled,\n      orientation = \"vertical\",\n      className,\n      children,\n    },\n    ref\n  ) => (\n    <RadixRadioGroup.Root\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      disabled={disabled}\n      orientation={orientation}\n      className={cn(\n        \"flex\",\n        orientation === \"vertical\" ? \"flex-col gap-2\" : \"flex-row flex-wrap gap-4\",\n        className\n      )}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  )\n);\n\nexport interface RadioGroupItemProps {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n  id?: string;\n}\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof RadixRadioGroup.Item>,\n  RadioGroupItemProps\n>(({ value, label, description, disabled, id: idProp }, ref) => {\n  const generatedId = React.useId();\n  const id = idProp ?? generatedId;\n\n  return (\n    <div className={cn(\"flex items-start gap-3\", disabled && \"opacity-50 cursor-not-allowed\")}>\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={id}\n        value={value}\n        disabled={disabled}\n        className={cn(\n          \"mt-0.5 size-4 shrink-0 rounded-full border-2 border-[var(--color-outline)]\",\n          \"transition-colors duration-[var(--duration-fast)]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2\",\n          \"data-[state=checked]:border-[var(--color-primary)] data-[state=checked]:bg-[var(--color-primary)]\",\n          \"disabled:cursor-not-allowed\",\n          \"relative flex items-center justify-center\"\n        )}\n      >\n        <RadixRadioGroup.Indicator\n          className=\"flex items-center justify-center\"\n        >\n          <span className=\"size-1.5 rounded-full bg-white block\" />\n        </RadixRadioGroup.Indicator>\n      </RadixRadioGroup.Item>\n\n      <div className=\"flex flex-col\">\n        <label\n          htmlFor={id}\n          className={cn(\n            \"text-body-md cursor-pointer text-[var(--color-on-surface)] leading-none pt-0.5\",\n            disabled && \"cursor-not-allowed\"\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <span className=\"text-body-sm text-[var(--color-on-surface-var)] mt-0.5\">\n            {description}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AA6B7B,cAwDE,YAxDF;AAhBJ,IAAM,aAAmB;AAAA,EAIvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF,GACA,QAEA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,aAAa,mBAAmB;AAAA,QAChD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAUA,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,OAAO,OAAO,aAAa,UAAU,IAAI,OAAO,GAAG,QAAQ;AAC9D,QAAM,cAAoB,YAAM;AAChC,QAAM,KAAK,UAAU;AAErB,SACE,qBAAC,SAAI,WAAW,GAAG,0BAA0B,YAAY,+BAA+B,GACtF;AAAA;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,WAAU;AAAA,YAEV,8BAAC,UAAK,WAAU,wCAAuC;AAAA;AAAA,QACzD;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,iBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACC,eACC,oBAAC,UAAK,WAAU,0DACb,uBACH;AAAA,OAEJ;AAAA,KACF;AAEJ,CAAC;AAED,WAAW,cAAc;AACzB,eAAe,cAAc;","names":[]}

package/dist/chunk-GGZSDAN3.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkLUQS7LYGcjs = require('./chunk-LUQS7LYG.cjs');
+
+// src/components/bulk-bar.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function BulkBar({ count, bulkActions, onClear, onAction }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 h-10 px-3 bg-[var(--color-primary-container)]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-body-sm font-semibold text-[var(--color-on-primary-container)]", children: [
+      count,
+      " selecionado",
+      count !== 1 ? "s" : ""
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-px bg-[var(--color-primary)] opacity-30" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-2", children: bulkActions.map((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLUQS7LYGcjs.Button,
+      {
+        variant: action.destructive ? "destructive" : "outlined",
+        size: "sm",
+        onClick: () => onAction(action),
+        children: action.label
+      },
+      action.label
+    )) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        onClick: onClear,
+        className: "ml-auto text-[var(--color-on-primary-container)] hover:opacity-70 transition-opacity",
+        "aria-label": "Limpar sele\xE7\xE3o",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+
+
+exports.BulkBar = BulkBar;
+//# sourceMappingURL=chunk-GGZSDAN3.cjs.map

package/dist/chunk-GGZSDAN3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-GGZSDAN3.cjs","../src/components/bulk-bar.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,2CAAkB;AAsBZ,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,SAAS,CAAA,EAAiB;AACxE,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,qEAAA,EACb,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MAAM,cAAA;AAAA,MAAa,MAAA,IAAU,EAAA,EAAI,IAAA,EAAM;AAAA,IAAA,EAAA,CAC1C,CAAA;AAAA,oBACA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,gDAAA,CAAgD,CAAA;AAAA,oBAC/D,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,MAAA,EAAA,mBAChB,6BAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,MAAA,CAAO,YAAA,EAAc,cAAA,EAAgB,UAAA;AAAA,QAC9C,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,CAAA,EAAA,GAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAE7B,QAAA,EAAA,MAAA,CAAO;AAAA,MAAA,CAAA;AAAA,MALH,MAAA,CAAO;AAAA,IAMd,CACD,EAAA,CACH,CAAA;AAAA,oBACA,6BAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,OAAA;AAAA,QACT,SAAA,EAAU,sFAAA;AAAA,QACV,YAAA,EAAW,sBAAA;AAAA,QAEX,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAE,SAAA,EAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ;ADbA;AACA;AACE;AACF,0BAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-GGZSDAN3.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { X } from \"lucide-react\";\nimport { Button } from \"./button\";\n\nexport interface ListPageBulkAction {\n  label: string;\n  onClick: (ids: string[]) => void;\n  destructive?: boolean;\n  confirmTitle?: string;\n  confirmLabel?: string;\n  consequenceList?: string[];\n}\n\nexport interface BulkBarProps {\n  count: number;\n  bulkActions: ListPageBulkAction[];\n  onClear: () => void;\n  onAction: (action: ListPageBulkAction) => void;\n}\n\nfunction BulkBar({ count, bulkActions, onClear, onAction }: BulkBarProps) {\n  return (\n    <div className=\"flex items-center gap-3 h-10 px-3 bg-[var(--color-primary-container)]\">\n      <span className=\"text-body-sm font-semibold text-[var(--color-on-primary-container)]\">\n        {count} selecionado{count !== 1 ? \"s\" : \"\"}\n      </span>\n      <div className=\"h-4 w-px bg-[var(--color-primary)] opacity-30\" />\n      <div className=\"flex items-center gap-2\">\n        {bulkActions.map((action) => (\n          <Button\n            key={action.label}\n            variant={action.destructive ? \"destructive\" : \"outlined\"}\n            size=\"sm\"\n            onClick={() => onAction(action)}\n          >\n            {action.label}\n          </Button>\n        ))}\n      </div>\n      <button\n        type=\"button\"\n        onClick={onClear}\n        className=\"ml-auto text-[var(--color-on-primary-container)] hover:opacity-70 transition-opacity\"\n        aria-label=\"Limpar seleção\"\n      >\n        <X className=\"size-4\" />\n      </button>\n    </div>\n  );\n}\n\nexport { BulkBar };\n"]}

package/dist/chunk-GLMTTY4G.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/filter-chips.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FilterChips({ filters, active, onChange }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 overflow-x-auto", children: filters.map((f) => {
+    const isActive = f.value === active;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(f.value),
+        className: cn(
+          "inline-flex items-center gap-1 px-3 py-1 rounded-[var(--radius-md)] text-[13px] font-semibold whitespace-nowrap transition-colors",
+          isActive ? "bg-[var(--color-primary)] text-white" : "bg-transparent text-[var(--color-on-surface-var)] hover:bg-[var(--color-surf-container-low)]"
+        ),
+        children: [
+          f.label,
+          " ",
+          f.count
+        ]
+      },
+      f.value
+    );
+  }) });
+}
+
+export {
+  FilterChips
+};
+//# sourceMappingURL=chunk-GLMTTY4G.js.map

package/dist/chunk-GLMTTY4G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/filter-chips.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface ListPageFilter {\n  label: string;\n  value: string;\n  count: number;\n}\n\nexport interface FilterChipsProps {\n  filters: ListPageFilter[];\n  active: string;\n  onChange: (value: string) => void;\n}\n\nfunction FilterChips({ filters, active, onChange }: FilterChipsProps) {\n  return (\n    <div className=\"flex items-center gap-1 overflow-x-auto\">\n      {filters.map((f) => {\n        const isActive = f.value === active;\n        return (\n          <button\n            key={f.value}\n            type=\"button\"\n            onClick={() => onChange(f.value)}\n            className={cn(\n              \"inline-flex items-center gap-1 px-3 py-1 rounded-[var(--radius-md)] text-[13px] font-semibold whitespace-nowrap transition-colors\",\n              isActive\n                ? \"bg-[var(--color-primary)] text-white\"\n                : \"bg-transparent text-[var(--color-on-surface-var)] hover:bg-[var(--color-surf-container-low)]\"\n            )}\n          >\n            {f.label} {f.count}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { FilterChips };\n"],"mappings":";;;;;;AAiBI,cAIM,YAJN;AAFJ,SAAS,YAAY,EAAE,SAAS,QAAQ,SAAS,GAAqB;AACpE,SACE,oBAAC,SAAI,WAAU,2CACZ,kBAAQ,IAAI,CAAC,MAAM;AAClB,UAAM,WAAW,EAAE,UAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,EAAE,KAAK;AAAA,QAC/B,WAAW;AAAA,UACT;AAAA,UACA,WACI,yCACA;AAAA,QACN;AAAA,QAEC;AAAA,YAAE;AAAA,UAAM;AAAA,UAAE,EAAE;AAAA;AAAA;AAAA,MAVR,EAAE;AAAA,IAWT;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}