@axtec/components 0.1.7 → 0.1.10

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.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;"}
+{"version":3,"file":"index49.js","sources":["../src/components/PhotoLibrary/PhotoLibrary.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { cn } from '@/lib/utils'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport { Dialog, DialogPanel } from '@headlessui/react'\nimport { XMarkIcon, ChevronLeftIcon, ChevronRightIcon, TrashIcon } from '@heroicons/react/24/outline'\n\nexport interface PhotoLibraryImage {\n  url: string\n  alt?: string\n  id?: string\n}\n\nexport interface PhotoLibraryProps {\n  images: PhotoLibraryImage[]\n  columns?: 3 | 4 | 5 | 6\n  gap?: number\n  emptyMessage?: string\n  onDelete?: (image: PhotoLibraryImage, index: number) => void\n  className?: string\n}\n\nexport const PhotoLibrary = ({\n  images,\n  columns = 4,\n  gap = 16,\n  emptyMessage = 'To add images, upload them directly or import from another source.',\n  onDelete,\n  className,\n}: PhotoLibraryProps) => {\n  const [previewIndex, setPreviewIndex] = useState<number | null>(null)\n\n  const columnClasses = {\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n  }\n\n  const handlePrevious = () => {\n    if (previewIndex !== null && previewIndex > 0) {\n      setPreviewIndex(previewIndex - 1)\n    }\n  }\n\n  const handleNext = () => {\n    if (previewIndex !== null && previewIndex < images.length - 1) {\n      setPreviewIndex(previewIndex + 1)\n    }\n  }\n\n  const handleDelete = () => {\n    if (previewIndex !== null && onDelete) {\n      onDelete(images[previewIndex], previewIndex)\n      if (images.length === 1) {\n        setPreviewIndex(null)\n      } else if (previewIndex >= images.length - 1) {\n        setPreviewIndex(images.length - 2)\n      }\n    }\n  }\n\n  if (images.length === 0) {\n    return (\n      <EmptyData\n        fullBlock\n        message={emptyMessage}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <>\n      <div\n        className={cn('grid', columnClasses[columns], className)}\n        style={{ gap: `${gap}px` }}\n      >\n        {images.map((image, index) => (\n          <div\n            key={image.id || image.url}\n            className=\"aspect-square rounded-lg overflow-hidden cursor-pointer bg-slate-200 hover:opacity-90 transition-opacity\"\n            onClick={() => setPreviewIndex(index)}\n          >\n            <img\n              src={image.url}\n              alt={image.alt || `Image ${index + 1}`}\n              className=\"w-full h-full object-cover\"\n            />\n          </div>\n        ))}\n      </div>\n\n      {/* Preview Modal */}\n      <Dialog\n        open={previewIndex !== null}\n        onClose={() => setPreviewIndex(null)}\n        className=\"relative z-50\"\n      >\n        <div className=\"fixed inset-0 bg-black\" aria-hidden=\"true\" />\n\n        <div className=\"fixed inset-0 flex items-center justify-center\">\n          <DialogPanel className=\"relative w-full h-full flex items-center justify-center\">\n            {/* Close button */}\n            <button\n              onClick={() => setPreviewIndex(null)}\n              className=\"absolute top-8 left-8 p-2 rounded-full bg-white hover:bg-slate-100 transition-colors z-10\"\n              aria-label=\"Close preview\"\n            >\n              <XMarkIcon className=\"w-6 h-6 text-slate-700\" />\n            </button>\n\n            {/* Delete button */}\n            {onDelete && (\n              <button\n                onClick={handleDelete}\n                className=\"absolute top-8 right-8 p-2 rounded-full bg-white hover:bg-red-50 transition-colors z-10\"\n                aria-label=\"Delete image\"\n              >\n                <TrashIcon className=\"w-6 h-6 text-red-500\" />\n              </button>\n            )}\n\n            {/* Navigation */}\n            {previewIndex !== null && previewIndex > 0 && (\n              <button\n                onClick={handlePrevious}\n                className=\"absolute left-8 p-3 rounded-full bg-white/80 hover:bg-white transition-colors z-10\"\n                aria-label=\"Previous image\"\n              >\n                <ChevronLeftIcon className=\"w-6 h-6 text-slate-700\" />\n              </button>\n            )}\n\n            {previewIndex !== null && previewIndex < images.length - 1 && (\n              <button\n                onClick={handleNext}\n                className=\"absolute right-8 p-3 rounded-full bg-white/80 hover:bg-white transition-colors z-10\"\n                aria-label=\"Next image\"\n              >\n                <ChevronRightIcon className=\"w-6 h-6 text-slate-700\" />\n              </button>\n            )}\n\n            {/* Image */}\n            {previewIndex !== null && (\n              <img\n                src={images[previewIndex].url}\n                alt={images[previewIndex].alt || `Image ${previewIndex + 1}`}\n                className=\"max-w-full max-h-full object-contain\"\n              />\n            )}\n\n            {/* Counter */}\n            {previewIndex !== null && (\n              <div className=\"absolute bottom-8 left-1/2 -translate-x-1/2 px-4 py-2 rounded-full bg-white/80 text-sm font-medium\">\n                {previewIndex + 1} / {images.length}\n              </div>\n            )}\n          </DialogPanel>\n        </div>\n      </Dialog>\n    </>\n  )\n}\n"],"names":["PhotoLibrary","images","columns","gap","emptyMessage","onDelete","className","previewIndex","setPreviewIndex","useState","columnClasses","handlePrevious","handleNext","handleDelete","jsx","EmptyData","jsxs","Fragment","cn","image","index","Dialog","DialogPanel","XMarkIcon","TrashIcon","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;AAqBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,WAAAC;AACF,MAAyB;AACvB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI,GAE9DC,IAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,GAGCC,IAAiB,MAAM;AAC3B,IAAIJ,MAAiB,QAAQA,IAAe,KAC1CC,EAAgBD,IAAe,CAAC;AAAA,EAEpC,GAEMK,IAAa,MAAM;AACvB,IAAIL,MAAiB,QAAQA,IAAeN,EAAO,SAAS,KAC1DO,EAAgBD,IAAe,CAAC;AAAA,EAEpC,GAEMM,IAAe,MAAM;AACzB,IAAIN,MAAiB,QAAQF,MAC3BA,EAASJ,EAAOM,CAAY,GAAGA,CAAY,GACvCN,EAAO,WAAW,IACpBO,EAAgB,IAAI,IACXD,KAAgBN,EAAO,SAAS,KACzCO,EAAgBP,EAAO,SAAS,CAAC;AAAA,EAGvC;AAEA,SAAIA,EAAO,WAAW,IAElB,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,SAASX;AAAA,MACT,WAAAE;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI,EAAG,QAAQR,EAAcR,CAAO,GAAGI,CAAS;AAAA,QACvD,OAAO,EAAE,KAAK,GAAGH,CAAG,KAAA;AAAA,QAEnB,UAAAF,EAAO,IAAI,CAACkB,GAAOC,MAClB,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,MAAMN,EAAgBY,CAAK;AAAA,YAEpC,UAAA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKK,EAAM;AAAA,gBACX,KAAKA,EAAM,OAAO,SAASC,IAAQ,CAAC;AAAA,gBACpC,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UARKD,EAAM,MAAMA,EAAM;AAAA,QAAA,CAU1B;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,gBAAAH;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAMd,MAAiB;AAAA,QACvB,SAAS,MAAMC,EAAgB,IAAI;AAAA,QACnC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,0BAAyB,eAAY,QAAO;AAAA,4BAE1D,OAAA,EAAI,WAAU,kDACb,UAAA,gBAAAE,EAACM,GAAA,EAAY,WAAU,2DAErB,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAMN,EAAgB,IAAI;AAAA,gBACnC,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEX,UAAA,gBAAAM,EAACS,GAAA,EAAU,WAAU,yBAAA,CAAyB;AAAA,cAAA;AAAA,YAAA;AAAA,YAI/ClB,KACC,gBAAAS;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASD;AAAA,gBACT,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEX,UAAA,gBAAAC,EAACU,GAAA,EAAU,WAAU,uBAAA,CAAuB;AAAA,cAAA;AAAA,YAAA;AAAA,YAK/CjB,MAAiB,QAAQA,IAAe,KACvC,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASH;AAAA,gBACT,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEX,UAAA,gBAAAG,EAACW,GAAA,EAAgB,WAAU,yBAAA,CAAyB;AAAA,cAAA;AAAA,YAAA;AAAA,YAIvDlB,MAAiB,QAAQA,IAAeN,EAAO,SAAS,KACvD,gBAAAa;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASF;AAAA,gBACT,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEX,UAAA,gBAAAE,EAACY,GAAA,EAAiB,WAAU,yBAAA,CAAyB;AAAA,cAAA;AAAA,YAAA;AAAA,YAKxDnB,MAAiB,QAChB,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKb,EAAOM,CAAY,EAAE;AAAA,gBAC1B,KAAKN,EAAOM,CAAY,EAAE,OAAO,SAASA,IAAe,CAAC;AAAA,gBAC1D,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAKbA,MAAiB,QAChB,gBAAAS,EAAC,OAAA,EAAI,WAAU,sGACZ,UAAA;AAAA,cAAAT,IAAe;AAAA,cAAE;AAAA,cAAIN,EAAO;AAAA,YAAA,EAAA,CAC/B;AAAA,UAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/index5.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { cn as c } from "./index3.js";
-import { Button as s } from "./index17.js";
+import { Button as s } from "./index19.js";
 const d = ({
   leftActions: a = [],
   rightActions: i = [],

package/dist/index50.js

@@ -1,59 +1,43 @@
-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"
+import { jsx as m } from "react/jsx-runtime";
+import { cn as o } from "./index3.js";
+const p = {
+  default: "bg-slate-100 text-slate-700",
+  primary: "bg-primary-500 text-white",
+  success: "bg-green-100 text-green-700",
+  warning: "bg-amber-100 text-amber-700",
+  danger: "bg-red-100 text-red-700",
+  info: "bg-blue-100 text-blue-700"
+}, x = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-1 text-sm",
+  lg: "px-3 py-1.5 text-base"
+}, y = ({
+  label: n,
+  variant: i = "default",
+  size: a = "md",
+  className: l,
+  onClick: e,
+  backgroundColor: t,
+  textColor: r
+}) => {
+  const s = t || r ? { backgroundColor: t, color: r } : void 0;
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      onClick: e,
+      className: o(
+        "inline-flex items-center rounded-full font-medium whitespace-nowrap",
+        !s && p[i],
+        x[a],
+        e && "cursor-pointer hover:opacity-80 transition-opacity",
+        l
+      ),
+      style: s,
+      children: n
+    }
+  );
 };
-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 {
-  g as Progress
+  y as Pill
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.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":"index50.js","sources":["../src/components/Pill/Pill.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface PillProps {\n  label: ReactNode\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n  onClick?: (event: React.MouseEvent) => void\n  backgroundColor?: string\n  textColor?: string\n}\n\nconst variantStyles = {\n  default: 'bg-slate-100 text-slate-700',\n  primary: 'bg-primary-500 text-white',\n  success: 'bg-green-100 text-green-700',\n  warning: 'bg-amber-100 text-amber-700',\n  danger: 'bg-red-100 text-red-700',\n  info: 'bg-blue-100 text-blue-700',\n}\n\nconst sizeStyles = {\n  sm: 'px-2 py-0.5 text-xs',\n  md: 'px-2.5 py-1 text-sm',\n  lg: 'px-3 py-1.5 text-base',\n}\n\nexport const Pill = ({\n  label,\n  variant = 'default',\n  size = 'md',\n  className,\n  onClick,\n  backgroundColor,\n  textColor,\n}: PillProps) => {\n  const customStyles = backgroundColor || textColor\n    ? { backgroundColor, color: textColor }\n    : undefined\n\n  return (\n    <span\n      onClick={onClick}\n      className={cn(\n        'inline-flex items-center rounded-full font-medium whitespace-nowrap',\n        !customStyles && variantStyles[variant],\n        sizeStyles[size],\n        onClick && 'cursor-pointer hover:opacity-80 transition-opacity',\n        className\n      )}\n      style={customStyles}\n    >\n      {label}\n    </span>\n  )\n}\n"],"names":["variantStyles","sizeStyles","Pill","label","variant","size","className","onClick","backgroundColor","textColor","customStyles","jsx","cn"],"mappings":";;AAaA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAO,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,MAAiB;AACf,QAAMC,IAAeF,KAAmBC,IACpC,EAAE,iBAAAD,GAAiB,OAAOC,MAC1B;AAEJ,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACA,CAACF,KAAgBV,EAAcI,CAAO;AAAA,QACtCH,EAAWI,CAAI;AAAA,QACfE,KAAW;AAAA,QACXD;AAAA,MAAA;AAAA,MAEF,OAAOI;AAAA,MAEN,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index51.js

@@ -1,19 +1,47 @@
-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,
+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__ */ m(
+}) => /* @__PURE__ */ p(
   "div",
   {
-    className: s("fixed z-10", i),
-    style: { bottom: `${o}px`, right: `${r}px` },
-    children: t
+    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 {
-  p as QuickActions
+  h as PrimaryCard
 };
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.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":"index51.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/index52.js

@@ -1,68 +1,59 @@
-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",
+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
 }) {
-  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
-      ))
-    }
-  );
+  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 {
-  o as RadioGroup
+  g as Progress
 };
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.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":"index52.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/index53.js

@@ -1,57 +1,19 @@
-import { jsxs as S, jsx as e } from "react/jsx-runtime";
-import { useState as M } from "react";
-import { cn as r } from "./index3.js";
-import { StarIcon as V } from "@heroicons/react/24/solid";
-import { StarIcon as w } from "@heroicons/react/24/outline";
-const y = {
-  sm: "w-4 h-4",
-  md: "w-6 h-6",
-  lg: "w-8 h-8"
-}, E = ({
-  value: d = 0,
-  onChange: n,
-  max: a = 5,
-  size: p = "md",
-  readonly: t = !1,
-  label: l,
-  error: c,
-  className: h
-}) => {
-  const [i, m] = M(null), x = (s) => {
-    !t && n && n(s);
-  }, b = (s) => {
-    t || m(s);
-  }, g = () => {
-    m(null);
-  }, v = i !== null ? i : d, u = y[p];
-  return /* @__PURE__ */ S("div", { className: r("flex flex-col", h), children: [
-    l && /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-slate-700 mb-2", children: l }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: Array.from({ length: a }, (s, f) => {
-      const o = f + 1, N = o <= v;
-      return /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          onClick: () => x(o),
-          onMouseEnter: () => b(o),
-          onMouseLeave: g,
-          disabled: t,
-          className: r(
-            "p-0 border-0 bg-transparent",
-            t ? "cursor-default" : "cursor-pointer",
-            "transition-transform hover:scale-110",
-            "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1 rounded"
-          ),
-          "aria-label": `Rate ${o} out of ${a}`,
-          children: N ? /* @__PURE__ */ e(V, { className: r(u, "text-primary-500") }) : /* @__PURE__ */ e(w, { className: r(u, "text-slate-300") })
-        },
-        f
-      );
-    }) }),
-    c && /* @__PURE__ */ e("span", { className: "text-sm text-red-500 mt-1", children: c })
-  ] });
-};
+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 {
-  E as Rating
+  p as QuickActions
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/Rating/Rating.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { cn } from '@/lib/utils'\nimport { StarIcon as StarSolid } from '@heroicons/react/24/solid'\nimport { StarIcon as StarOutline } from '@heroicons/react/24/outline'\n\nexport interface RatingProps {\n  value?: number\n  onChange?: (rating: number) => void\n  max?: number\n  size?: 'sm' | 'md' | 'lg'\n  readonly?: boolean\n  label?: string\n  error?: string\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'w-4 h-4',\n  md: 'w-6 h-6',\n  lg: 'w-8 h-8',\n}\n\nexport const Rating = ({\n  value = 0,\n  onChange,\n  max = 5,\n  size = 'md',\n  readonly = false,\n  label,\n  error,\n  className,\n}: RatingProps) => {\n  const [hoverValue, setHoverValue] = useState<number | null>(null)\n\n  const handleClick = (rating: number) => {\n    if (!readonly && onChange) {\n      onChange(rating)\n    }\n  }\n\n  const handleMouseEnter = (rating: number) => {\n    if (!readonly) {\n      setHoverValue(rating)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    setHoverValue(null)\n  }\n\n  const displayValue = hoverValue !== null ? hoverValue : value\n  const iconClass = sizeStyles[size]\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      {label && (\n        <span className=\"text-sm font-semibold text-slate-700 mb-2\">\n          {label}\n        </span>\n      )}\n      <div className=\"flex items-center gap-1\">\n        {Array.from({ length: max }, (_, index) => {\n          const starValue = index + 1\n          const isFilled = starValue <= displayValue\n\n          return (\n            <button\n              key={index}\n              type=\"button\"\n              onClick={() => handleClick(starValue)}\n              onMouseEnter={() => handleMouseEnter(starValue)}\n              onMouseLeave={handleMouseLeave}\n              disabled={readonly}\n              className={cn(\n                'p-0 border-0 bg-transparent',\n                readonly ? 'cursor-default' : 'cursor-pointer',\n                'transition-transform hover:scale-110',\n                'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-1 rounded'\n              )}\n              aria-label={`Rate ${starValue} out of ${max}`}\n            >\n              {isFilled ? (\n                <StarSolid className={cn(iconClass, 'text-primary-500')} />\n              ) : (\n                <StarOutline className={cn(iconClass, 'text-slate-300')} />\n              )}\n            </button>\n          )\n        })}\n      </div>\n      {error && (\n        <span className=\"text-sm text-red-500 mt-1\">{error}</span>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeStyles","Rating","value","onChange","max","size","readonly","label","error","className","hoverValue","setHoverValue","useState","handleClick","rating","handleMouseEnter","handleMouseLeave","displayValue","iconClass","cn","jsx","_","index","starValue","isFilled","StarSolid","StarOutline"],"mappings":";;;;;AAgBA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAS,CAAC;AAAA,EACrB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAwB,IAAI,GAE1DC,IAAc,CAACC,MAAmB;AACtC,IAAI,CAACR,KAAYH,KACfA,EAASW,CAAM;AAAA,EAEnB,GAEMC,IAAmB,CAACD,MAAmB;AAC3C,IAAKR,KACHK,EAAcG,CAAM;AAAA,EAExB,GAEME,IAAmB,MAAM;AAC7B,IAAAL,EAAc,IAAI;AAAA,EACpB,GAEMM,IAAeP,MAAe,OAAOA,IAAaR,GAClDgB,IAAYlB,EAAWK,CAAI;AAEjC,2BACG,OAAA,EAAI,WAAWc,EAAG,iBAAiBV,CAAS,GAC1C,UAAA;AAAA,IAAAF,KACC,gBAAAa,EAAC,QAAA,EAAK,WAAU,6CACb,UAAAb,GACH;AAAA,IAEF,gBAAAa,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA,MAAM,KAAK,EAAE,QAAQhB,EAAA,GAAO,CAACiB,GAAGC,MAAU;AACzC,YAAMC,IAAYD,IAAQ,GACpBE,IAAWD,KAAaN;AAE9B,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAMP,EAAYU,CAAS;AAAA,UACpC,cAAc,MAAMR,EAAiBQ,CAAS;AAAA,UAC9C,cAAcP;AAAA,UACd,UAAUV;AAAA,UACV,WAAWa;AAAA,YACT;AAAA,YACAb,IAAW,mBAAmB;AAAA,YAC9B;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,cAAY,QAAQiB,CAAS,WAAWnB,CAAG;AAAA,UAE1C,UAAAoB,IACC,gBAAAJ,EAACK,GAAA,EAAU,WAAWN,EAAGD,GAAW,kBAAkB,EAAA,CAAG,sBAExDQ,GAAA,EAAY,WAAWP,EAAGD,GAAW,gBAAgB,EAAA,CAAG;AAAA,QAAA;AAAA,QAjBtDI;AAAA,MAAA;AAAA,IAqBX,CAAC,EAAA,CACH;AAAA,IACCd,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAZ,EAAA,CAAM;AAAA,EAAA,GAEvD;AAEJ;"}
+{"version":3,"file":"index53.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;"}

package/dist/index54.js

@@ -1,40 +1,68 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { cn as c } from "./index3.js";
-const f = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch"
-}, u = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  between: "justify-between",
-  around: "justify-around"
-}, y = ({
-  children: s,
-  height: t = 48,
-  className: r,
-  gap: e,
-  align: n = "center",
-  justify: i = "start"
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: c(
-      "flex flex-row w-full",
-      f[n],
-      u[i],
-      r
-    ),
-    style: {
-      height: typeof t == "number" ? `${t}px` : t,
-      gap: e ? `${e}px` : void 0
-    },
-    children: s
-  }
-);
+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
+      ))
+    }
+  );
+}
 export {
-  y as Row
+  o as RadioGroup
 };
 //# sourceMappingURL=index54.js.map