@oneplatformdev/ui 0.1.10-3 → 0.1.10-30

package/Aside/AsideSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsideSidebar.js","sources":["../../src/Aside/AsideSidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarRail\n} from \"../Sidebar\";\nimport { AsideSidebarProps } from \"./Aside.types\";\n\nfunction isReactElement<T>(\n  element: React.ReactNode,\n  componentType: React.JSXElementConstructor<T>\n): element is React.ReactElement<T> {\n  return React.isValidElement(element) && element.type === componentType;\n}\n\nexport const AsideSidebar: React.FC<React.PropsWithChildren<AsideSidebarProps>> = (props) => {\n  const {\n    children,\n    header,\n    content,\n    footer,\n    slot,\n    hiddenRail,\n    ...rest\n  } = props;\n  return (\n    <Sidebar collapsible=\"icon\" {...rest}>\n      {Boolean(children)\n        ? children\n        : (\n          <>\n            {!children && Boolean(header) && isReactElement(header, SidebarHeader)\n              ? React.cloneElement(header, {\n                ...header.props,\n                ...(slot?.header || {})\n              })\n              : (\n                <SidebarHeader {...(slot?.header || {})}>\n                  <div className=\"grid gap-2 text-center\">\n                    {header}\n                  </div>\n                </SidebarHeader>\n              )\n            }\n\n            {!children && Boolean(content) && isReactElement(content, SidebarContent)\n              ? React.cloneElement(content, {\n                ...content.props,\n                ...(slot?.content || {})\n              })\n              : (\n                <SidebarContent {...(slot?.content || {})}>\n                  {content}\n                </SidebarContent>\n              )\n            }\n\n            {!children && Boolean(footer) && isReactElement(footer, SidebarFooter)\n              ? React.cloneElement(footer, {\n                ...footer.props,\n                ...(slot?.footer || {})\n              })\n              : (\n                <SidebarFooter {...(slot?.footer || {})}>\n                  {footer}\n                </SidebarFooter>\n              )\n            }\n          </>\n        )\n      }\n      {!hiddenRail && <SidebarRail />}\n    </Sidebar>\n  )\n}\n"],"names":["isReactElement","element","componentType","React","AsideSidebar","props","children","header","content","footer","slot","hiddenRail","rest","jsxs","Sidebar","Fragment","SidebarHeader","jsx","SidebarContent","SidebarFooter","SidebarRail"],"mappings":";;;AAWA,SAASA,EACPC,GACAC,GACkC;AAClC,SAAOC,EAAM,eAAeF,CAAO,KAAKA,EAAQ,SAASC;AAC3D;AAEO,MAAME,IAAqE,CAACC,MAAU;AAC3F,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AACJ,SACE,gBAAAQ,EAACC,GAAA,EAAQ,aAAY,QAAQ,GAAGF,GAC7B,UAAA;AAAA,IAAQN,KAGL,gBAAAO,EAAAE,GAAA,EACG,UAAA;AAAA,MAAA,CAACT,KAAoBC,KAAWP,EAAeO,GAAQS,CAAa,IACjEb,EAAM,aAAaI,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIG,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACD,GAAA,EAAe,GAAIN,GAAM,UAAU,IAClC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,0BACZ,aACH,GACF;AAAA,MAIH,CAACX,KAAoBE,KAAYR,EAAeQ,GAASU,CAAc,IACpEf,EAAM,aAAaK,GAAS;AAAA,QAC5B,GAAGA,EAAQ;AAAA,QACX,GAAIE,GAAM,WAAW,CAAA;AAAA,MAAC,CACvB,IAEC,gBAAAO,EAACC,GAAA,EAAgB,GAAIR,GAAM,WAAW,CAAA,GACnC,UAAAF,GACH;AAAA,MAIH,CAACF,KAAoBG,KAAWT,EAAeS,GAAQU,CAAa,IACjEhB,EAAM,aAAaM,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIC,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACE,GAAA,EAAe,GAAIT,GAAM,UAAU,CAAA,GACjC,UAAAD,EAAA,CACH;AAAA,IAAA,GAGN;AAAA,IAGH,CAACE,KAAc,gBAAAM,EAACG,GAAA,CAAA,CAAY;AAAA,EAAA,GAC/B;AAEJ;"}

package/Aside/index.js

@@ -0,0 +1,8 @@
+import { Aside as r, Aside as i } from "./Aside.js";
+import { AsideSidebar as s } from "./AsideSidebar.js";
+export {
+  r as Aside,
+  s as AsideSidebar,
+  i as default
+};
+//# sourceMappingURL=index.js.map

package/Aside/index.js.map

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

package/{ui10.js → AspectRatio/AspectRatio.js}

@@ -3,3 +3,4 @@ const o = t.Root;
 export {
   o as AspectRatio
 };
+//# sourceMappingURL=AspectRatio.js.map

package/AspectRatio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sources":["../../src/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nexport const AspectRatio = AspectRatioPrimitive.Root\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";AAIO,MAAMA,IAAcC,EAAqB;"}

package/AspectRatio/index.js

@@ -0,0 +1,6 @@
+import { AspectRatio as e, AspectRatio as o } from "./AspectRatio.js";
+export {
+  e as AspectRatio,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/AspectRatio/index.js.map

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

package/{ui11.js → Avatar/Avatar.js}

@@ -40,3 +40,4 @@ export {
   i as AvatarFallback,
   f as AvatarImage
 };
+//# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport const Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEnC,MAAME,IAAcP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,+BAA+BL,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAEzC,MAAMG,IAAiBR,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}

package/Avatar/index.js

@@ -0,0 +1,7 @@
+import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./Avatar.js";
+export {
+  t as Avatar,
+  v as AvatarFallback,
+  A as AvatarImage
+};
+//# sourceMappingURL=index.js.map

package/Avatar/index.js.map

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

package/Badge/Badge.d.ts

@@ -1,5 +1,4 @@
-import { badgeVariants } from './badgeVariants';
-import { BadgeProps } from './/Badge.types';
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };
+import { BadgeProps } from './Badge.types';
+export declare function Badge({ className, variant, asChild, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

package/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,wBAAgB,KAAK,CAAC,EACL,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAU3B;AAED,eAAe,KAAK,CAAA"}

package/Badge/Badge.js

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import { badgeVariants as s } from "./badgeVariants.js";
+import { Slot as e } from "@radix-ui/react-slot";
+import { cn as p } from "@oneplatformdev/utils";
+function c({
+  className: o,
+  variant: a,
+  asChild: t = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ m(
+    t ? e : "span",
+    {
+      "data-slot": "badge",
+      className: p(s({ variant: a }), o),
+      ...r
+    }
+  );
+}
+export {
+  c as Badge,
+  c as default
+};
+//# sourceMappingURL=Badge.js.map

package/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { badgeVariants } from './badgeVariants';\nimport { BadgeProps } from './Badge.types';\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport function Badge({\n                 className,\n                 variant,\n                 asChild = false,\n                 ...props\n               }: BadgeProps) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport default Badge\n\n"],"names":["Badge","className","variant","asChild","props","jsx","Slot","cn","badgeVariants"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACL,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AAG5B,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAc,EAAE,SAAAN,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/Badge/Badge.types.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { badgeVariants } from './badgeVariants';
 import * as React from "react";
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
 }
 //# sourceMappingURL=Badge.types.d.ts.map

package/Badge/Badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAClC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/Badge/Badge.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Badge.types.js.map

package/Badge/Badge.types.js.map

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

package/Badge/badgeVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAkBzB,CAAA"}
+{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAmBzB,CAAA"}

package/Badge/badgeVariants.js

@@ -0,0 +1,21 @@
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  t as badgeVariants
+};
+//# sourceMappingURL=badgeVariants.js.map

package/Badge/badgeVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeVariants.js","sources":["../../src/Badge/badgeVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n"],"names":["badgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/Badge/index.js

@@ -0,0 +1,7 @@
+import { Badge as e } from "./Badge.js";
+import { badgeVariants as t } from "./badgeVariants.js";
+export {
+  e as Badge,
+  t as badgeVariants
+};
+//# sourceMappingURL=index.js.map

package/Badge/index.js.map

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

package/{ui14.js → Breadcrumb/Breadcrumb.js}

@@ -88,3 +88,4 @@ export {
   b as BreadcrumbPage,
   N as BreadcrumbSeparator
 };
+//# sourceMappingURL=Breadcrumb.js.map

package/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}

package/Breadcrumb/index.js

@@ -0,0 +1,11 @@
+import { Breadcrumb as a, BreadcrumbEllipsis as m, BreadcrumbItem as b, BreadcrumbLink as c, BreadcrumbList as d, BreadcrumbPage as u, BreadcrumbSeparator as B } from "./Breadcrumb.js";
+export {
+  a as Breadcrumb,
+  m as BreadcrumbEllipsis,
+  b as BreadcrumbItem,
+  c as BreadcrumbLink,
+  d as BreadcrumbList,
+  u as BreadcrumbPage,
+  B as BreadcrumbSeparator
+};
+//# sourceMappingURL=index.js.map

package/Breadcrumb/index.js.map

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

package/{ui15.js → Button/Button.js}

@@ -2,8 +2,8 @@ import { jsx as m } from "react/jsx-runtime";
 import * as i from "react";
 import { Slot as u } from "@radix-ui/react-slot";
 import { cn as c } from "@oneplatformdev/utils";
-import { buttonVariants as l } from "./ui16.js";
-import { Tooltip as d } from "./ui84.js";
+import { buttonVariants as l } from "./buttonVariants.js";
+import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
 const y = i.forwardRef(
   ({ disabled: o, className: a, variant: e, size: n, asChild: p = !1, title: t = "", tooltip: r, ...s }, f) => /* @__PURE__ */ m(
     d,
@@ -29,3 +29,4 @@ export {
   y as Button,
   y as default
 };
+//# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { TooltipRoot } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button  | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ disabled, className, variant, size, asChild = false, title = '', tooltip, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <TooltipRoot\n        open={(disabled || (!title && !tooltip)) ? false : undefined}\n        message={tooltip || title}\n        delay={300}\n      >\n        <Comp\n          type='button'\n          ref={ref}\n          disabled={disabled}\n          className={cn(buttonVariants({ variant, size, className }))}\n          {...props}\n        />\n      </TooltipRoot>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["Button","React","disabled","className","variant","size","asChild","title","tooltip","props","ref","jsx","TooltipRoot","Slot","cn","buttonVariants"],"mappings":";;;;;;AAUO,MAAMA,IAASC,EAAM;AAAA,EAC1B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,OAAAC,IAAQ,IAAI,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAGrF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAOV,KAAa,CAACK,KAAS,CAACC,IAAY,KAAQ;AAAA,MACnD,SAASA,KAAWD;AAAA,MACpB,OAAO;AAAA,MAEP,UAAA,gBAAAI;AAAA,QAPSL,IAAUO,IAAO;AAAA,QAOzB;AAAA,UACC,MAAK;AAAA,UACL,KAAAH;AAAA,UACA,UAAAR;AAAA,UACA,WAAWY,EAAGC,EAAe,EAAE,SAAAX,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,UACzD,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAT,EAAO,cAAc;"}

package/Button/Button.stories.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Button as t } from "./Button.js";
+const o = (e) => /* @__PURE__ */ a(t, { ...e }), n = {
+  title: "Button",
+  component: t,
+  render: o,
+  args: {
+    variant: "default",
+    size: "default",
+    disabled: !1
+  }
+}, s = {
+  args: {
+    children: "Default"
+  }
+};
+export {
+  s as Default,
+  n as default
+};
+//# sourceMappingURL=Button.stories.js.map

package/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sources":["../../src/Button/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button.types';\nimport React from 'react';\n\nconst Template = (props: ButtonProps) => (\n  <Button {...props}/>\n);\n\nconst variants = ['default', 'destructive', 'outline-solid', 'secondary', 'ghost', 'link']\nconst size = ['default', 'sm', 'lg', 'icon']\n\nconst meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    variant: 'default',\n    size: 'default',\n    disabled: false,\n  },\n} satisfies Meta<typeof Button>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    children: 'Default',\n  }\n};\n"],"names":["Template","props","jsx","Button","meta","Default"],"mappings":";;AAMA,MAAMA,IAAW,CAACC,MAChB,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAM,GAMdG,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWD;AAAA,EACX,QAAQH;AAAA,EACR,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAEd,GAMaK,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}

package/Button/Button.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Button.types.js.map

package/Button/Button.types.js.map

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

package/Button/buttonVariants.d.ts

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "none" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "transparent" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 //# sourceMappingURL=buttonVariants.d.ts.map

package/Button/buttonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAkC1B,CAAA"}
+{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAqC1B,CAAA"}

package/{ui16.js → Button/buttonVariants.js}

@@ -1,11 +1,12 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
+const t = e(
   [
     "inline-flex items-center justify-center gap-2",
     "whitespace-nowrap rounded-lg text-sm font-medium",
     "transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
     "disabled:pointer-events-none disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+    "cursor-pointer"
   ],
   {
     variants: {
@@ -15,7 +16,9 @@ const r = e(
         outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        transparent: "bg-transparent hover:bg-transparent hover:text-accent-foreground",
+        none: ""
       },
       size: {
         default: "h-9 px-4 py-2",
@@ -31,5 +34,6 @@ const r = e(
   }
 );
 export {
-  r as buttonVariants
+  t as buttonVariants
 };
+//# sourceMappingURL=buttonVariants.js.map

package/Button/buttonVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// TODO: refactor btn variants | ask me about mnc next pwa\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    'cursor-pointer'\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:opacity-[.8]\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n        none: \"\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs [&_svg]:size-4\",\n        lg: \"h-10 px-8 [&_svg]:size-5 px-3 py-2\",\n        icon: \"h-9 w-9 [&_svg]:size-5!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"lg\",\n    },\n  }\n)\n"],"names":["buttonVariants","cva"],"mappings":";AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/Button/index.js

@@ -0,0 +1,8 @@
+import { Button as r, Button as a } from "./Button.js";
+import { buttonVariants as u } from "./buttonVariants.js";
+export {
+  r as Button,
+  u as buttonVariants,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/Button/index.js.map

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

package/{ui17.js → ButtonIcon/ButtonIcon.js}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as f from "react";
 import { cn as l } from "@oneplatformdev/utils";
-import { buttonIconVariants as u } from "./ui18.js";
-import { Tooltip as d } from "./ui84.js";
+import { buttonIconVariants as u } from "./buttonIconVariants.js";
+import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
 const h = f.forwardRef(
   ({ disabled: o, className: e, variant: m, color: a, size: p, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
     d,
@@ -26,3 +26,4 @@ h.displayName = "Button";
 export {
   h as ButtonIcon
 };
+//# sourceMappingURL=ButtonIcon.js.map

package/ButtonIcon/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonIconVariants } from './buttonIconVariants';\nimport { ButtonIconProps } from './ButtonIcon.types';\n\nimport { TooltipRoot } from '../Tooltip';\n\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(\n  ({ disabled, className, variant, color, size, rounded, title = '', tooltip, ...props }, ref) => {\n    const shouldTooltipOpen = (disabled || (!title && !tooltip)) ? false : undefined;\n    return (\n      <TooltipRoot\n        open={shouldTooltipOpen}\n        message={tooltip || title}\n        delay={300}\n      >\n        <button\n          className={cn(buttonIconVariants({ variant, size, color, disabled, rounded, className }))}\n          ref={ref}\n          disabled={Boolean(disabled)}\n          {...props}\n        />\n      </TooltipRoot>\n    )\n  }\n)\nButtonIcon.displayName = \"Button\"\n"],"names":["ButtonIcon","React","disabled","className","variant","color","size","rounded","title","tooltip","props","ref","jsx","TooltipRoot","cn","buttonIconVariants"],"mappings":";;;;;AAQO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,SAAAC,GAAS,OAAAC,IAAQ,IAAI,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAGpF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAHuBX,KAAa,CAACM,KAAS,CAACC,IAAY,KAAQ;AAAA,MAInE,SAASA,KAAWD;AAAA,MACpB,OAAO;AAAA,MAEP,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAGC,EAAmB,EAAE,SAAAX,GAAS,MAAAE,GAAM,OAAAD,GAAO,UAAAH,GAAU,SAAAK,GAAS,WAAAJ,EAAA,CAAW,CAAC;AAAA,UACxF,KAAAQ;AAAA,UACA,UAAU,EAAQT;AAAA,UACjB,GAAGQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAV,EAAW,cAAc;"}

package/ButtonIcon/ButtonIcon.stories.js

@@ -0,0 +1,127 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { ButtonIcon as m } from "./ButtonIcon.js";
+import { PencilLineIcon as x } from "lucide-react";
+const s = ["contained", "outlined", "ghost", "link"], c = [
+  "primary",
+  "secondary",
+  "error",
+  "success",
+  "disabled"
+], f = ["sm", "md", "lg"], l = (a) => /* @__PURE__ */ o(m, { ...a, children: /* @__PURE__ */ o(x, {}) }), z = {
+  title: "ButtonIcon",
+  component: m,
+  render: l,
+  argTypes: {
+    variant: {
+      name: "variant",
+      description: "ButtonIcon variant",
+      defaultValue: "contained",
+      options: s,
+      control: {
+        type: "inline-radio"
+      }
+    },
+    color: {
+      options: c,
+      control: {
+        type: "inline-radio"
+      }
+    },
+    size: {
+      options: f,
+      control: {
+        type: "inline-radio"
+      }
+    },
+    tooltip: {
+      control: {
+        type: "text"
+      }
+    },
+    disabled: {
+      control: {
+        type: "boolean"
+      }
+    },
+    rounded: {
+      control: {
+        type: "boolean"
+      }
+    }
+  },
+  args: {
+    variant: "contained",
+    color: "primary",
+    size: "md",
+    disabled: !1,
+    rounded: !1,
+    tooltip: "ButtonIcon tooltip"
+  }
+}, u = ({ rounded: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: [
+  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { rounded: a, ...n }) }),
+  /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: s.map((e) => /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((t) => {
+    const i = `${e}-${t}`;
+    return /* @__PURE__ */ o("div", { className: "flex gap-2", children: f.map((r) => {
+      const p = `${i}-${r}`;
+      return /* @__PURE__ */ o(
+        l,
+        {
+          color: t,
+          size: r,
+          variant: e,
+          rounded: a,
+          tooltip: p
+        },
+        p
+      );
+    }) }, i);
+  }) }, e)) })
+] });
+u.args = {
+  onClick: { action: (a) => a }
+};
+const g = ({ variant: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-10", children: [
+  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { variant: a, ...n }) }),
+  /* @__PURE__ */ o("div", { className: "flex gap-2", children: s.map((e) => /* @__PURE__ */ o(l, { variant: e, tooltip: e }, e)) })
+] });
+g.parameters = {
+  controls: {
+    include: ["disabled", "color", "size", "variant"]
+  }
+};
+const h = ({ color: a, ...n }) => /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
+  /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(l, { color: a, ...n }) }),
+  /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((e) => /* @__PURE__ */ o(l, { color: e, tooltip: e, ...n }, e)) })
+] });
+h.parameters = {
+  controls: {
+    include: ["disabled", "color", "size", "variant"]
+  }
+};
+const v = ({ variant: a, color: n, ...e }) => /* @__PURE__ */ o("div", { className: "flex flex-col gap-10", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: s.map((t) => /* @__PURE__ */ o("div", { className: "flex gap-2", children: c.map((i) => {
+  const r = `${t}-${i}`;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      variant: t,
+      color: i,
+      disabled: !0,
+      tooltip: r,
+      ...e
+    },
+    r
+  );
+}) }, t)) }) });
+v.parameters = {
+  controls: {
+    include: []
+  }
+};
+export {
+  h as Colors,
+  v as Disabled,
+  u as Playground,
+  g as Variants,
+  z as default
+};
+//# sourceMappingURL=ButtonIcon.stories.js.map

package/ButtonIcon/ButtonIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.stories.js","sources":["../../src/ButtonIcon/ButtonIcon.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { ButtonIcon } from './ButtonIcon';\nimport { ButtonIconProps } from './ButtonIcon.types';\nimport { PencilLineIcon } from 'lucide-react';\nimport React from 'react';\n\nconst variants = ['contained', 'outlined', 'ghost', 'link'] as const;\nconst colors = [\n  'primary',\n  'secondary',\n  'error',\n  'success',\n  'disabled',\n] as const;\nconst sizes = ['sm', 'md', 'lg'] as const;\n\nconst Template = (props: ButtonIconProps) => (\n  <ButtonIcon {...props}>\n    <PencilLineIcon />\n  </ButtonIcon>\n);\n\nconst meta = {\n  title: 'ButtonIcon',\n  component: ButtonIcon,\n  render: Template,\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'ButtonIcon variant',\n      defaultValue: 'contained',\n      options: variants,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    color: {\n      options: colors,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    size: {\n      options: sizes,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    tooltip: {\n      control: {\n        type: 'text',\n      },\n    },\n    disabled: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    rounded: {\n      control: {\n        type: 'boolean',\n      },\n    },\n  },\n  args: {\n    variant: 'contained',\n    color: 'primary',\n    size: 'md',\n    disabled: false,\n    rounded: false,\n    tooltip: 'ButtonIcon tooltip',\n  },\n} satisfies Meta<typeof ButtonIcon>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = ({ rounded, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <span>\n      <Template rounded={rounded} {...args} />\n    </span>\n\n    <div className=\"flex flex-col gap-2\">\n      {variants.map((v) => {\n        return (\n          <div className=\"flex gap-2\" key={v}>\n            {colors.map((c) => {\n              const k = `${v}-${c}`;\n              return (\n                <div className=\"flex gap-2\" key={k}>\n                  {sizes.map((s) => {\n                    const key = `${k}-${s}`;\n                    return (\n                      <Template\n                        key={key}\n                        color={c}\n                        size={s}\n                        variant={v}\n                        rounded={rounded}\n                        tooltip={key}\n                      />\n                    );\n                  })}\n                </div>\n              );\n            })}\n          </div>\n        );\n      })}\n    </div>\n  </div>\n);\nPlayground.args = {\n  onClick: { action: (e: React.MouseEvent<HTMLButtonElement>) => e },\n};\n\nexport const Variants = ({ variant, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <span>\n      <Template variant={variant} {...args} />\n    </span>\n\n    <div className=\"flex gap-2\">\n      {variants.map((v) => (\n        <Template key={v} variant={v} tooltip={v} />\n      ))}\n    </div>\n  </div>\n);\n\nVariants.parameters = {\n  controls: {\n    include: ['disabled', 'color', 'size', 'variant'],\n  },\n};\n\nexport const Colors = ({ color, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-2\">\n    <span>\n      <Template color={color} {...args} />\n    </span>\n\n    <div className=\"flex gap-2\">\n      {colors.map((c) => (\n        <Template key={c} color={c} tooltip={c} {...args} />\n      ))}\n    </div>\n  </div>\n);\n\nColors.parameters = {\n  controls: {\n    include: ['disabled', 'color', 'size', 'variant'],\n  },\n};\n\nexport const Disabled = ({ variant, color, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <div className=\"flex flex-col gap-2\">\n      {variants.map((v) => {\n        return (\n          <div className=\"flex gap-2\" key={v}>\n            {colors.map((c) => {\n              const key = `${v}-${c}`;\n              return <Template\n                key={key}\n                variant={v}\n                color={c}\n                disabled\n                tooltip={key}\n                {...args}\n              />;\n            })}\n          </div>\n        );\n      })}\n    </div>\n  </div>\n);\nDisabled.parameters = {\n  controls: {\n    include: [],\n  },\n};\n"],"names":["variants","colors","sizes","Template","props","jsx","ButtonIcon","PencilLineIcon","meta","Playground","rounded","args","jsxs","v","c","k","s","key","e","Variants","variant","Colors","color","Disabled"],"mappings":"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"}

package/ButtonIcon/ButtonIcon.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ButtonIcon.types.js.map

package/ButtonIcon/ButtonIcon.types.js.map

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

package/{ui18.js → ButtonIcon/buttonIconVariants.js}

@@ -137,3 +137,4 @@ const e = r(
 export {
   e as buttonIconVariants
 };
+//# sourceMappingURL=buttonIconVariants.js.map

package/ButtonIcon/buttonIconVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonIconVariants.js","sources":["../../src/ButtonIcon/buttonIconVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonIconVariants = cva(\n  \"aspect-square inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        contained: 'border shadow-sm',\n        outlined: 'border bg-transparent hover:shadow-xs',\n        ghost: \"bg-transparent hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline bg-transparent hover:bg-transparent\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        error: \"\",\n        success: \"\",\n        disabled: \"contrast-50\",\n      },\n      size: {\n        sm: \"w-8 h-8 rounded-sm text-xs [&_svg]:size-4\",\n        md: \"w-9 h-9 px-4 rounded-md [&_svg]:size-5\",\n        lg: \"w-10 h-10 rounded-md [&_svg]:size-6\",\n        icon: \"h-9 w-9 [&_svg]:size-5 rounded-sm\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed contrast-50\",\n        false: \"cursor-pointer\",\n      },\n      rounded: {\n        true: \"rounded-full\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // contained\n      {\n        variant: 'contained',\n        color: 'primary',\n        disabled: false,\n        className: 'bg-typography-primary border-typography-primary text-white dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'secondary',\n        disabled: false,\n        className: 'bg-gray-2 border-gray-2 text-typography-primary dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'error',\n        disabled: false,\n        className: 'bg-typography-error/90 border-typography-error/90 text-white dark:bg-typography-error/80 dark:border-typography-error/80 dark:text-typography-primary'\n      },\n      {\n        variant: 'contained',\n        color: 'success',\n        disabled: false,\n        className: 'bg-typography-success/90 border-typography-success/90 text-white dark:bg-typography-success/80 dark:border-typography-success/80 dark:text-typography-primary'\n      },\n      // outlined\n      {\n        variant: 'outlined',\n        color: 'primary',\n        disabled: false,\n        className: 'border-typography-primary text-typography-primary hover:bg-typography-primary/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'secondary',\n        disabled: false,\n        className: 'border-border text-typography-secondary hover:bg-border-border/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'error',\n        disabled: false,\n        className: 'border-typography-error text-typography-error hover:bg-typography-error/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'success',\n        disabled: false,\n        className: 'border-typography-success text-typography-success hover:bg-typography-success/15'\n      },\n      // link - ghost\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'primary',\n        className: \"text-typography-primary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'secondary',\n        className: \"text-typography-secondary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"success\",\n        className: \"text-typography-success\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"error\",\n        className: \"text-typography-error\",\n      },\n      // ghost\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: \"hover:bg-typography-primary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: \"hover:bg-typography-secondary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"success\",\n        className: \"hover:bg-typography-success/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"error\",\n        className: \"hover:bg-typography-error/15\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"contained\",\n      size: \"md\",\n      color: \"primary\",\n      disabled: false,\n      rounded: false,\n    },\n  }\n)\n"],"names":["buttonIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/ButtonIcon/index.js

@@ -0,0 +1,8 @@
+import { ButtonIcon as n, ButtonIcon as r } from "./ButtonIcon.js";
+import { buttonIconVariants as u } from "./buttonIconVariants.js";
+export {
+  n as ButtonIcon,
+  u as buttonIconVariants,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/ButtonIcon/index.js.map

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