@axtec/components 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,92 +1,94 @@
 /* empty css       */
-import { cn as e } from "./index3.js";
-import { Accordion as m } from "./index4.js";
-import { ActionBar as a } from "./index5.js";
-import { ActionLayout as n } from "./index6.js";
-import { Alert as l } from "./index7.js";
+import { cn as t } from "./index3.js";
+import { Accordion as p } from "./index4.js";
+import { ActionBar as x } from "./index5.js";
+import { ActionLayout as i } from "./index6.js";
+import { Alert as d } from "./index7.js";
 import { AlertBox as g } from "./index8.js";
-import { AlertModal as u } from "./index9.js";
-import { AutoComplete as S } from "./index10.js";
-import { Avatar as L } from "./index11.js";
-import { AvatarCard as T } from "./index12.js";
-import { AverageRating as C } from "./index13.js";
-import { AxtecLogo as b } from "./index14.js";
+import { AlertModal as c } from "./index9.js";
+import { AutoComplete as b } from "./index10.js";
+import { Avatar as A } from "./index11.js";
+import { AvatarCard as L } from "./index12.js";
+import { AverageRating as B } from "./index13.js";
+import { AxtecLogo as k } from "./index14.js";
 import { Badge as M } from "./index15.js";
 import { Breadcrumbs as H } from "./index16.js";
-import { Button as D } from "./index17.js";
-import { ButtonGroup as v } from "./index18.js";
-import { Card as R, CardGrid as E } from "./index19.js";
-import { CardHeading as U } from "./index20.js";
-import { ChartLegend as N, StatisticsLegend as Q } from "./index21.js";
+import { Button as w } from "./index17.js";
+import { ButtonGroup as G } from "./index18.js";
+import { Card as R, CardGrid as F } from "./index19.js";
+import { CardHeading as N } from "./index20.js";
+import { ChartLegend as V, StatisticsLegend as Q } from "./index21.js";
 import { Checkbox as q } from "./index22.js";
 import { ConfirmModal as J } from "./index23.js";
 import { DatePicker as O } from "./index24.js";
 import { Drawer as X } from "./index25.js";
 import { Dropdown as Z, DropdownButton as _ } from "./index26.js";
 import { EmptyData as oo } from "./index27.js";
-import { FileUploader as to } from "./index28.js";
-import { IconButton as po } from "./index29.js";
-import { Image as xo } from "./index30.js";
+import { FileUploader as eo } from "./index28.js";
+import { IconButton as ao } from "./index29.js";
+import { Image as mo } from "./index30.js";
 import { ImageGrid as fo } from "./index31.js";
-import { ImageUploading as io } from "./index32.js";
+import { ImageUploading as no } from "./index32.js";
 import { Input as go } from "./index33.js";
-import { LinkButton as uo } from "./index34.js";
-import { Loader as So } from "./index35.js";
-import { LoadingModal as Lo } from "./index36.js";
-import { LogoLoader as To } from "./index37.js";
-import { MenuText as Co } from "./index38.js";
-import { Modal as bo } from "./index39.js";
+import { LinkButton as co } from "./index34.js";
+import { Loader as bo } from "./index35.js";
+import { LoadingModal as Ao } from "./index36.js";
+import { LogoLoader as Lo } from "./index37.js";
+import { MenuText as Bo } from "./index38.js";
+import { Modal as ko } from "./index39.js";
 import { MultiItemSelect as Mo } from "./index40.js";
 import { MyHomeVaultLogo as Ho } from "./index41.js";
-import { Notification as Do } from "./index42.js";
-import { PageHeading as vo } from "./index43.js";
+import { Notification as wo } from "./index42.js";
+import { PageHeading as Go } from "./index43.js";
 import { Pagination as Ro } from "./index44.js";
-import { Panel as Fo, PanelAction as Uo, PanelBody as Vo, PanelEmptyState as No, PanelFooter as Qo, PanelHeader as jo, PanelTitle as qo } from "./index45.js";
+import { Panel as Eo, PanelAction as No, PanelBody as Uo, PanelEmptyState as Vo, PanelFooter as Qo, PanelHeader as jo, PanelTitle as qo } from "./index45.js";
 import { PhotoLibrary as Jo } from "./index46.js";
 import { Pill as Oo } from "./index47.js";
-import { Progress as Xo } from "./index48.js";
-import { QuickActions as Zo } from "./index49.js";
-import { RadioGroup as $o } from "./index50.js";
-import { Rating as rr } from "./index51.js";
-import { Row as er } from "./index52.js";
-import { ScrollableModal as mr } from "./index53.js";
-import { SectionHeading as ar } from "./index54.js";
-import { Select as nr } from "./index55.js";
-import { Skeleton as lr, SkeletonAvatar as dr, SkeletonCard as gr, SkeletonText as cr } from "./index56.js";
-import { StatisticsChart as sr } from "./index57.js";
-import { StatusBadge as Ar, StatusIndicator as Lr } from "./index58.js";
-import { StepList as Tr } from "./index59.js";
-import { SubsectionHeading as Cr } from "./index60.js";
-import { TabView as br } from "./index61.js";
-import { Table as Mr } from "./index62.js";
-import { Tabs as Hr } from "./index63.js";
-import { TaskList as Dr } from "./index64.js";
-import { Text as vr } from "./index65.js";
-import { Textarea as Rr } from "./index66.js";
-import { Toggle as Fr } from "./index67.js";
-import { ToggleButton as Vr } from "./index68.js";
-import { Tooltip as Qr } from "./index69.js";
-import { TrendIndicator as qr } from "./index70.js";
+import { PrimaryCard as Xo } from "./index48.js";
+import { Progress as Zo } from "./index49.js";
+import { QuickActions as $o } from "./index50.js";
+import { RadioGroup as rr } from "./index51.js";
+import { Rating as tr } from "./index52.js";
+import { Row as pr } from "./index53.js";
+import { ScrollableModal as xr } from "./index54.js";
+import { SectionHeading as ir } from "./index55.js";
+import { Select as dr } from "./index56.js";
+import { Sidebar as gr, SidebarCard as Sr, SidebarFooter as cr, SidebarGroup as ur, SidebarHeader as br, SidebarItem as sr, SidebarNav as Ar, SidebarSection as Pr, useSidebar as Lr } from "./index57.js";
+import { Skeleton as Br, SkeletonAvatar as Cr, SkeletonCard as kr, SkeletonText as Ir } from "./index58.js";
+import { StatisticsChart as yr } from "./index59.js";
+import { StatusBadge as vr, StatusIndicator as wr } from "./index60.js";
+import { StepList as Gr } from "./index61.js";
+import { SubsectionHeading as Rr } from "./index62.js";
+import { TabView as Er } from "./index63.js";
+import { Table as Ur } from "./index64.js";
+import { Tabs as Qr } from "./index65.js";
+import { TaskList as qr } from "./index66.js";
+import { Text as Jr } from "./index67.js";
+import { Textarea as Or } from "./index68.js";
+import { Toggle as Xr } from "./index69.js";
+import { ToggleButton as Zr } from "./index70.js";
+import { Tooltip as $r } from "./index71.js";
+import { TrendIndicator as re } from "./index72.js";
 export {
-  m as Accordion,
-  a as ActionBar,
-  n as ActionLayout,
-  l as Alert,
+  p as Accordion,
+  x as ActionBar,
+  i as ActionLayout,
+  d as Alert,
   g as AlertBox,
-  u as AlertModal,
-  S as AutoComplete,
-  L as Avatar,
-  T as AvatarCard,
-  C as AverageRating,
-  b as AxtecLogo,
+  c as AlertModal,
+  b as AutoComplete,
+  A as Avatar,
+  L as AvatarCard,
+  B as AverageRating,
+  k as AxtecLogo,
   M as Badge,
   H as Breadcrumbs,
-  D as Button,
-  v as ButtonGroup,
+  w as Button,
+  G as ButtonGroup,
   R as Card,
-  E as CardGrid,
-  U as CardHeading,
-  N as ChartLegend,
+  F as CardGrid,
+  N as CardHeading,
+  V as ChartLegend,
   q as Checkbox,
   J as ConfirmModal,
   O as DatePicker,
@@ -94,60 +96,70 @@ export {
   Z as Dropdown,
   _ as DropdownButton,
   oo as EmptyData,
-  to as FileUploader,
-  po as IconButton,
-  xo as Image,
+  eo as FileUploader,
+  ao as IconButton,
+  mo as Image,
   fo as ImageGrid,
-  io as ImageUploading,
+  no as ImageUploading,
   go as Input,
-  uo as LinkButton,
-  So as Loader,
-  Lo as LoadingModal,
-  To as LogoLoader,
-  Co as MenuText,
-  bo as Modal,
+  co as LinkButton,
+  bo as Loader,
+  Ao as LoadingModal,
+  Lo as LogoLoader,
+  Bo as MenuText,
+  ko as Modal,
   Mo as MultiItemSelect,
   Ho as MyHomeVaultLogo,
-  Do as Notification,
-  vo as PageHeading,
+  wo as Notification,
+  Go as PageHeading,
   Ro as Pagination,
-  Fo as Panel,
-  Uo as PanelAction,
-  Vo as PanelBody,
-  No as PanelEmptyState,
+  Eo as Panel,
+  No as PanelAction,
+  Uo as PanelBody,
+  Vo as PanelEmptyState,
   Qo as PanelFooter,
   jo as PanelHeader,
   qo as PanelTitle,
   Jo as PhotoLibrary,
   Oo as Pill,
-  Xo as Progress,
-  Zo as QuickActions,
-  $o as RadioGroup,
-  rr as Rating,
-  er as Row,
-  mr as ScrollableModal,
-  ar as SectionHeading,
-  nr as Select,
-  lr as Skeleton,
-  dr as SkeletonAvatar,
-  gr as SkeletonCard,
-  cr as SkeletonText,
-  sr as StatisticsChart,
+  Xo as PrimaryCard,
+  Zo as Progress,
+  $o as QuickActions,
+  rr as RadioGroup,
+  tr as Rating,
+  pr as Row,
+  xr as ScrollableModal,
+  ir as SectionHeading,
+  dr as Select,
+  gr as Sidebar,
+  Sr as SidebarCard,
+  cr as SidebarFooter,
+  ur as SidebarGroup,
+  br as SidebarHeader,
+  sr as SidebarItem,
+  Ar as SidebarNav,
+  Pr as SidebarSection,
+  Br as Skeleton,
+  Cr as SkeletonAvatar,
+  kr as SkeletonCard,
+  Ir as SkeletonText,
+  yr as StatisticsChart,
   Q as StatisticsLegend,
-  Ar as StatusBadge,
-  Lr as StatusIndicator,
-  Tr as StepList,
-  Cr as SubsectionHeading,
-  br as TabView,
-  Mr as Table,
-  Hr as Tabs,
-  Dr as TaskList,
-  vr as Text,
-  Rr as Textarea,
-  Fr as Toggle,
-  Vr as ToggleButton,
-  Qr as Tooltip,
-  qr as TrendIndicator,
-  e as cn
+  vr as StatusBadge,
+  wr as StatusIndicator,
+  Gr as StepList,
+  Rr as SubsectionHeading,
+  Er as TabView,
+  Ur as Table,
+  Qr as Tabs,
+  qr as TaskList,
+  Jr as Text,
+  Or as Textarea,
+  Xr as Toggle,
+  Zr as ToggleButton,
+  $r as Tooltip,
+  re as TrendIndicator,
+  t as cn,
+  Lr as useSidebar
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index3.js

@@ -1,5 +1,5 @@
-import { clsx as o } from "./index71.js";
-import { twMerge as t } from "./index72.js";
+import { clsx as o } from "./index73.js";
+import { twMerge as t } from "./index74.js";
 function n(...r) {
   return t(o(r));
 }

package/dist/index48.js

@@ -1,59 +1,47 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { cn as i } from "./index3.js";
-const c = {
-  sm: "h-1.5",
-  md: "h-2.5",
-  lg: "h-4"
-}, u = {
-  default: "bg-primary-500",
-  success: "bg-green-500",
-  warning: "bg-yellow-500",
-  danger: "bg-red-500"
-};
-function g({
-  value: t,
-  max: r = 100,
-  size: d = "md",
-  variant: o = "default",
-  showLabel: l = !1,
-  label: e,
-  className: m
-}) {
-  const n = Math.min(Math.max(t / r * 100, 0), 100);
-  return /* @__PURE__ */ a("div", { className: m, children: [
-    (l || e) && /* @__PURE__ */ a("div", { className: "flex justify-between mb-1.5", children: [
-      e && /* @__PURE__ */ s("span", { className: "text-sm font-medium text-slate-700", children: e }),
-      l && /* @__PURE__ */ a("span", { className: "text-sm text-slate-500", children: [
-        Math.round(n),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: i(
-          "w-full bg-slate-200 rounded-full overflow-hidden",
-          c[d]
-        ),
-        role: "progressbar",
-        "aria-valuenow": t,
-        "aria-valuemin": 0,
-        "aria-valuemax": r,
-        children: /* @__PURE__ */ s(
-          "div",
-          {
-            className: i(
-              "h-full rounded-full transition-all duration-300 ease-out",
-              u[o]
-            ),
-            style: { width: `${n}%` }
-          }
-        )
-      }
-    )
-  ] });
-}
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "./index3.js";
+const h = ({
+  icon: l,
+  title: o,
+  description: x,
+  buttonLabel: r,
+  onAction: a,
+  children: s,
+  size: m = "md",
+  className: i
+}) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: t(
+      "rounded-xl bg-gradient-to-br from-primary-500 to-primary-500/80 text-white",
+      m === "sm" ? "p-3" : "p-4",
+      i
+    ),
+    children: [
+      /* @__PURE__ */ p("div", { className: t("flex items-center gap-2", (x || r || s) && "mb-2"), children: [
+        l && /* @__PURE__ */ e(l, { className: t(m === "sm" ? "h-4 w-4" : "h-5 w-5") }),
+        /* @__PURE__ */ e("span", { className: t("font-semibold", m === "sm" ? "text-xs" : "text-sm"), children: o })
+      ] }),
+      x && /* @__PURE__ */ e("p", { className: t(
+        "text-white/90",
+        m === "sm" ? "text-[11px]" : "text-xs",
+        s || r && a ? m === "sm" ? "mb-2" : "mb-3" : ""
+      ), children: x }),
+      s || (r && a ? /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: a,
+          className: t(
+            "w-full bg-white text-primary-600 rounded-lg font-semibold hover:bg-white/90 transition-colors cursor-pointer",
+            m === "sm" ? "px-2 py-1.5 text-xs" : "px-3 py-2 text-sm"
+          ),
+          children: r
+        }
+      ) : null)
+    ]
+  }
+);
 export {
-  g as Progress
+  h as PrimaryCard
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface ProgressProps {\n  value: number\n  max?: number\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'default' | 'success' | 'warning' | 'danger'\n  showLabel?: boolean\n  label?: string\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-1.5',\n  md: 'h-2.5',\n  lg: 'h-4',\n}\n\nconst variantStyles = {\n  default: 'bg-primary-500',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  danger: 'bg-red-500',\n}\n\nexport function Progress({\n  value,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  showLabel = false,\n  label,\n  className,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n  return (\n    <div className={className}>\n      {(showLabel || label) && (\n        <div className=\"flex justify-between mb-1.5\">\n          {label && (\n            <span className=\"text-sm font-medium text-slate-700\">{label}</span>\n          )}\n          {showLabel && (\n            <span className=\"text-sm text-slate-500\">{Math.round(percentage)}%</span>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\n          'w-full bg-slate-200 rounded-full overflow-hidden',\n          sizeStyles[size]\n        )}\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300 ease-out',\n            variantStyles[variant]\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["sizeStyles","variantStyles","Progress","value","max","size","variant","showLabel","label","className","percentage","jsxs","jsx","cn"],"mappings":";;AAYA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAASC,EAAS;AAAA,EACvB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAa,KAAK,IAAI,KAAK,IAAKP,IAAQC,IAAO,KAAK,CAAC,GAAG,GAAG;AAEjE,SACE,gBAAAO,EAAC,SAAI,WAAAF,GACD,UAAA;AAAA,KAAAF,KAAaC,MACb,gBAAAG,EAAC,OAAA,EAAI,WAAU,+BACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAJ,GAAM;AAAA,MAE7DD,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA;AAAA,QAAA,KAAK,MAAMD,CAAU;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAEtE;AAAA,IAEF,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAb,EAAWK,CAAI;AAAA,QAAA;AAAA,QAEjB,MAAK;AAAA,QACL,iBAAeF;AAAA,QACf,iBAAe;AAAA,QACf,iBAAeC;AAAA,QAEf,UAAA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAZ,EAAcK,CAAO;AAAA,YAAA;AAAA,YAEvB,OAAO,EAAE,OAAO,GAAGI,CAAU,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"index48.js","sources":["../src/components/PrimaryCard/PrimaryCard.tsx"],"sourcesContent":["import { type ReactNode, type ComponentType, type SVGProps } from 'react'\nimport { cn } from '@/lib/utils'\n\ntype HeroIcon = ComponentType<SVGProps<SVGSVGElement> & { title?: string; titleId?: string }>\n\nexport interface PrimaryCardProps {\n  /** Icon displayed alongside the title */\n  icon?: HeroIcon\n  /** Card title */\n  title: string\n  /** Description text */\n  description?: string\n  /** Primary action button label */\n  buttonLabel?: string\n  /** Primary action click handler */\n  onAction?: () => void\n  /** Custom content rendered below the description (replaces the button) */\n  children?: ReactNode\n  /** Card size variant */\n  size?: 'sm' | 'md'\n  className?: string\n}\n\nexport const PrimaryCard = ({\n  icon: Icon,\n  title,\n  description,\n  buttonLabel,\n  onAction,\n  children,\n  size = 'md',\n  className,\n}: PrimaryCardProps) => {\n  return (\n    <div\n      className={cn(\n        'rounded-xl bg-gradient-to-br from-primary-500 to-primary-500/80 text-white',\n        size === 'sm' ? 'p-3' : 'p-4',\n        className\n      )}\n    >\n      <div className={cn('flex items-center gap-2', (description || buttonLabel || children) && 'mb-2')}>\n        {Icon && <Icon className={cn(size === 'sm' ? 'h-4 w-4' : 'h-5 w-5')} />}\n        <span className={cn('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm')}>{title}</span>\n      </div>\n      {description && (\n        <p className={cn(\n          'text-white/90',\n          size === 'sm' ? 'text-[11px]' : 'text-xs',\n          (children || (buttonLabel && onAction)) ? (size === 'sm' ? 'mb-2' : 'mb-3') : ''\n        )}>\n          {description}\n        </p>\n      )}\n      {children ? (\n        children\n      ) : buttonLabel && onAction ? (\n        <button\n          onClick={onAction}\n          className={cn(\n            'w-full bg-white text-primary-600 rounded-lg font-semibold hover:bg-white/90 transition-colors cursor-pointer',\n            size === 'sm' ? 'px-2 py-1.5 text-xs' : 'px-3 py-2 text-sm'\n          )}\n        >\n          {buttonLabel}\n        </button>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["PrimaryCard","Icon","title","description","buttonLabel","onAction","children","size","className","jsxs","cn","jsx"],"mappings":";;AAuBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAMC;AAAA,EACN,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH,MAAS,OAAO,QAAQ;AAAA,MACxBC;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,4BAA4BP,KAAeC,KAAeE,MAAa,MAAM,GAC7F,UAAA;AAAA,QAAAL,KAAQ,gBAAAU,EAACV,KAAK,WAAWS,EAAGH,MAAS,OAAO,YAAY,SAAS,GAAG;AAAA,QACrE,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAG,iBAAiBH,MAAS,OAAO,YAAY,SAAS,GAAI,UAAAL,EAAA,CAAM;AAAA,MAAA,GACtF;AAAA,MACCC,KACC,gBAAAQ,EAAC,KAAA,EAAE,WAAWD;AAAA,QACZ;AAAA,QACAH,MAAS,OAAO,gBAAgB;AAAA,QAC/BD,KAAaF,KAAeC,IAAcE,MAAS,OAAO,SAAS,SAAU;AAAA,MAAA,GAE7E,UAAAJ,GACH;AAAA,MAEDG,MAEGF,KAAeC,IACjB,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASN;AAAA,UACT,WAAWK;AAAA,YACT;AAAA,YACAH,MAAS,OAAO,wBAAwB;AAAA,UAAA;AAAA,UAGzC,UAAAH;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index49.js

@@ -1,19 +1,59 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as s } from "./index3.js";
-const p = ({
-  children: t,
-  bottom: o = 60,
-  right: r = 18,
-  className: i
-}) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: s("fixed z-10", i),
-    style: { bottom: `${o}px`, right: `${r}px` },
-    children: t
-  }
-);
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { cn as i } from "./index3.js";
+const c = {
+  sm: "h-1.5",
+  md: "h-2.5",
+  lg: "h-4"
+}, u = {
+  default: "bg-primary-500",
+  success: "bg-green-500",
+  warning: "bg-yellow-500",
+  danger: "bg-red-500"
+};
+function g({
+  value: t,
+  max: r = 100,
+  size: d = "md",
+  variant: o = "default",
+  showLabel: l = !1,
+  label: e,
+  className: m
+}) {
+  const n = Math.min(Math.max(t / r * 100, 0), 100);
+  return /* @__PURE__ */ a("div", { className: m, children: [
+    (l || e) && /* @__PURE__ */ a("div", { className: "flex justify-between mb-1.5", children: [
+      e && /* @__PURE__ */ s("span", { className: "text-sm font-medium text-slate-700", children: e }),
+      l && /* @__PURE__ */ a("span", { className: "text-sm text-slate-500", children: [
+        Math.round(n),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: i(
+          "w-full bg-slate-200 rounded-full overflow-hidden",
+          c[d]
+        ),
+        role: "progressbar",
+        "aria-valuenow": t,
+        "aria-valuemin": 0,
+        "aria-valuemax": r,
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            className: i(
+              "h-full rounded-full transition-all duration-300 ease-out",
+              u[o]
+            ),
+            style: { width: `${n}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
 export {
-  p as QuickActions
+  g as Progress
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/QuickActions/QuickActions.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface QuickActionsProps {\n  children: ReactNode\n  bottom?: number\n  right?: number\n  className?: string\n}\n\nexport const QuickActions = ({\n  children,\n  bottom = 60,\n  right = 18,\n  className,\n}: QuickActionsProps) => {\n  return (\n    <div\n      className={cn('fixed z-10', className)}\n      style={{ bottom: `${bottom}px`, right: `${right}px` }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["QuickActions","children","bottom","right","className","jsx","cn"],"mappings":";;AAUO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,cAAcF,CAAS;AAAA,IACrC,OAAO,EAAE,QAAQ,GAAGF,CAAM,MAAM,OAAO,GAAGC,CAAK,KAAA;AAAA,IAE9C,UAAAF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index49.js","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface ProgressProps {\n  value: number\n  max?: number\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'default' | 'success' | 'warning' | 'danger'\n  showLabel?: boolean\n  label?: string\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-1.5',\n  md: 'h-2.5',\n  lg: 'h-4',\n}\n\nconst variantStyles = {\n  default: 'bg-primary-500',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  danger: 'bg-red-500',\n}\n\nexport function Progress({\n  value,\n  max = 100,\n  size = 'md',\n  variant = 'default',\n  showLabel = false,\n  label,\n  className,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n  return (\n    <div className={className}>\n      {(showLabel || label) && (\n        <div className=\"flex justify-between mb-1.5\">\n          {label && (\n            <span className=\"text-sm font-medium text-slate-700\">{label}</span>\n          )}\n          {showLabel && (\n            <span className=\"text-sm text-slate-500\">{Math.round(percentage)}%</span>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\n          'w-full bg-slate-200 rounded-full overflow-hidden',\n          sizeStyles[size]\n        )}\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300 ease-out',\n            variantStyles[variant]\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["sizeStyles","variantStyles","Progress","value","max","size","variant","showLabel","label","className","percentage","jsxs","jsx","cn"],"mappings":";;AAYA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAASC,EAAS;AAAA,EACvB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAa,KAAK,IAAI,KAAK,IAAKP,IAAQC,IAAO,KAAK,CAAC,GAAG,GAAG;AAEjE,SACE,gBAAAO,EAAC,SAAI,WAAAF,GACD,UAAA;AAAA,KAAAF,KAAaC,MACb,gBAAAG,EAAC,OAAA,EAAI,WAAU,+BACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAJ,GAAM;AAAA,MAE7DD,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA;AAAA,QAAA,KAAK,MAAMD,CAAU;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAEtE;AAAA,IAEF,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAb,EAAWK,CAAI;AAAA,QAAA;AAAA,QAEjB,MAAK;AAAA,QACL,iBAAeF;AAAA,QACf,iBAAe;AAAA,QACf,iBAAeC;AAAA,QAEf,UAAA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAZ,EAAcK,CAAO;AAAA,YAAA;AAAA,YAEvB,OAAO,EAAE,OAAO,GAAGI,CAAU,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/index50.js

@@ -1,68 +1,19 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { cn as c } from "./index3.js";
-function o({
-  options: d,
-  value: l,
-  onChange: a,
-  name: i,
-  orientation: t = "vertical",
-  className: m
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: c(
-        "flex gap-3",
-        t === "vertical" ? "flex-col" : "flex-row flex-wrap",
-        m
-      ),
-      role: "radiogroup",
-      children: d.map((e) => /* @__PURE__ */ s(
-        "label",
-        {
-          className: c(
-            "flex items-start gap-3 cursor-pointer group",
-            e.disabled && "opacity-50 cursor-not-allowed"
-          ),
-          children: [
-            /* @__PURE__ */ s("div", { className: "relative flex-shrink-0 mt-0.5", children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  type: "radio",
-                  name: i,
-                  value: e.value,
-                  checked: l === e.value,
-                  onChange: () => a == null ? void 0 : a(e.value),
-                  disabled: e.disabled,
-                  className: "peer sr-only"
-                }
-              ),
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: c(
-                    "h-5 w-5 rounded-full border-2 transition-colors duration-200",
-                    "flex items-center justify-center",
-                    "peer-focus:ring-2 peer-focus:ring-primary-500 peer-focus:ring-offset-2",
-                    l === e.value ? "border-primary-500" : "border-slate-300 group-hover:border-slate-400"
-                  ),
-                  children: l === e.value && /* @__PURE__ */ r("div", { className: "h-2.5 w-2.5 rounded-full bg-primary-500" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ r("span", { className: "text-sm font-medium text-slate-900", children: e.label }),
-              e.description && /* @__PURE__ */ r("span", { className: "text-sm text-slate-500", children: e.description })
-            ] })
-          ]
-        },
-        e.value
-      ))
-    }
-  );
-}
+import { jsx as m } from "react/jsx-runtime";
+import { cn as s } from "./index3.js";
+const p = ({
+  children: t,
+  bottom: o = 60,
+  right: r = 18,
+  className: i
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: s("fixed z-10", i),
+    style: { bottom: `${o}px`, right: `${r}px` },
+    children: t
+  }
+);
 export {
-  o as RadioGroup
+  p as QuickActions
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface RadioOption {\n  value: string\n  label: string\n  description?: string\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps {\n  options: RadioOption[]\n  value?: string\n  onChange?: (value: string) => void\n  name: string\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n}\n\nexport function RadioGroup({\n  options,\n  value,\n  onChange,\n  name,\n  orientation = 'vertical',\n  className,\n}: RadioGroupProps) {\n  return (\n    <div\n      className={cn(\n        'flex gap-3',\n        orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap',\n        className\n      )}\n      role=\"radiogroup\"\n    >\n      {options.map((option) => (\n        <label\n          key={option.value}\n          className={cn(\n            'flex items-start gap-3 cursor-pointer group',\n            option.disabled && 'opacity-50 cursor-not-allowed'\n          )}\n        >\n          <div className=\"relative flex-shrink-0 mt-0.5\">\n            <input\n              type=\"radio\"\n              name={name}\n              value={option.value}\n              checked={value === option.value}\n              onChange={() => onChange?.(option.value)}\n              disabled={option.disabled}\n              className=\"peer sr-only\"\n            />\n            <div\n              className={cn(\n                'h-5 w-5 rounded-full border-2 transition-colors duration-200',\n                'flex items-center justify-center',\n                'peer-focus:ring-2 peer-focus:ring-primary-500 peer-focus:ring-offset-2',\n                value === option.value\n                  ? 'border-primary-500'\n                  : 'border-slate-300 group-hover:border-slate-400'\n              )}\n            >\n              {value === option.value && (\n                <div className=\"h-2.5 w-2.5 rounded-full bg-primary-500\" />\n              )}\n            </div>\n          </div>\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium text-slate-900\">\n              {option.label}\n            </span>\n            {option.description && (\n              <span className=\"text-sm text-slate-500\">{option.description}</span>\n            )}\n          </div>\n        </label>\n      ))}\n    </div>\n  )\n}\n"],"names":["RadioGroup","options","value","onChange","name","orientation","className","jsx","cn","option","jsxs"],"mappings":";;AAkBO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH,MAAgB,aAAa,aAAa;AAAA,QAC1CC;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MAEJ,UAAAL,EAAQ,IAAI,CAACQ,MACZ,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWF;AAAA,YACT;AAAA,YACAC,EAAO,YAAY;AAAA,UAAA;AAAA,UAGrB,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAAH;AAAA,kBACA,OAAOK,EAAO;AAAA,kBACd,SAASP,MAAUO,EAAO;AAAA,kBAC1B,UAAU,MAAMN,KAAA,gBAAAA,EAAWM,EAAO;AAAA,kBAClC,UAAUA,EAAO;AAAA,kBACjB,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEZ,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWC;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACAN,MAAUO,EAAO,QACb,uBACA;AAAA,kBAAA;AAAA,kBAGL,gBAAUA,EAAO,SAChB,gBAAAF,EAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,gBAAA;AAAA,cAAA;AAAA,YAE7D,GACF;AAAA,YACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,cAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,sCACb,UAAAE,EAAO,OACV;AAAA,cACCA,EAAO,eACN,gBAAAF,EAAC,UAAK,WAAU,0BAA0B,YAAO,YAAA,CAAY;AAAA,YAAA,EAAA,CAEjE;AAAA,UAAA;AAAA,QAAA;AAAA,QAtCKE,EAAO;AAAA,MAAA,CAwCf;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index50.js","sources":["../src/components/QuickActions/QuickActions.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface QuickActionsProps {\n  children: ReactNode\n  bottom?: number\n  right?: number\n  className?: string\n}\n\nexport const QuickActions = ({\n  children,\n  bottom = 60,\n  right = 18,\n  className,\n}: QuickActionsProps) => {\n  return (\n    <div\n      className={cn('fixed z-10', className)}\n      style={{ bottom: `${bottom}px`, right: `${right}px` }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["QuickActions","children","bottom","right","className","jsx","cn"],"mappings":";;AAUO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,cAAcF,CAAS;AAAA,IACrC,OAAO,EAAE,QAAQ,GAAGF,CAAM,MAAM,OAAO,GAAGC,CAAK,KAAA;AAAA,IAE9C,UAAAF;AAAA,EAAA;AAAA;"}