@incognia/cosmik 0.41.0 → 1.0.0-beta.2

package/dist/index6.js

@@ -1,118 +1,165 @@
-import { j as s } from "./index40.js";
-import * as e from "@radix-ui/react-alert-dialog";
-import { cva as m } from "class-variance-authority";
-import * as i from "react";
-import { buttonVariants as d } from "./index8.js";
-import { cn as l } from "./index41.js";
-const R = e.Root, v = e.Trigger, c = e.Portal, n = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s.jsx(
-  e.Overlay,
+import { j as o } from "./index37.js";
+import { Slot as s } from "@radix-ui/react-slot";
+import { cva as g } from "./index38.js";
+import { cn as p } from "./index39.js";
+const c = g(
+  "inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
-    className: l(
-      "fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...t,
-    ref: o
-  }
-));
-n.displayName = e.Overlay.displayName;
-const f = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s.jsxs(c, { children: [
-  /* @__PURE__ */ s.jsx(n, {}),
-  /* @__PURE__ */ s.jsx(
-    e.Content,
-    {
-      ref: o,
-      className: l(
-        "fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full",
-        "bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24",
-        a
-      ),
-      ...t
+    variants: {
+      variant: {
+        filled: "",
+        outline: "border",
+        ghost: "",
+        link: ""
+      },
+      intent: {
+        primary: "",
+        secondary: "",
+        warning: "",
+        danger: "",
+        filter: ""
+      },
+      size: {
+        md: "h-40 min-w-96 px-24",
+        sm: "h-32 px-16",
+        icon: "h-32 w-32",
+        "fit-content": ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "filled",
+        intent: "primary",
+        className: "bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900"
+      },
+      {
+        variant: "filled",
+        intent: "secondary",
+        className: "bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"
+      },
+      {
+        variant: "filled",
+        intent: "warning",
+        className: "bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700"
+      },
+      {
+        variant: "filled",
+        intent: "danger",
+        className: "bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700"
+      },
+      {
+        variant: "filled",
+        intent: "filter",
+        className: "bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300"
+      },
+      {
+        variant: "outline",
+        intent: "primary",
+        className: "text-purple-700 fill-purple-700 border-purple-700"
+      },
+      {
+        variant: "outline",
+        intent: "secondary",
+        className: "text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"
+      },
+      {
+        variant: "outline",
+        intent: "warning",
+        className: "text-yellow-500 fill-yellow-500 border-yellow-500"
+      },
+      {
+        variant: "outline",
+        intent: "danger",
+        className: "text-magenta-500 fill-magenta-500 border-magenta-500"
+      },
+      {
+        variant: "outline",
+        intent: "filter",
+        className: "text-purple-600 fill-purple-600 border-purple-400"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "primary",
+        className: "hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "secondary",
+        className: "hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "warning",
+        className: "bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "danger",
+        className: "bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
+      },
+      {
+        variant: ["outline", "ghost"],
+        intent: "filter",
+        className: "bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12"
+      },
+      {
+        variant: "ghost",
+        intent: "primary",
+        className: "text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900"
+      },
+      {
+        variant: "link",
+        intent: "primary",
+        className: "text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "secondary",
+        className: "text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 "
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "warning",
+        className: "text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "danger",
+        className: "text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700"
+      },
+      {
+        variant: ["ghost", "link"],
+        intent: "filter",
+        className: "text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800"
+      }
+    ],
+    defaultVariants: {
+      variant: "filled",
+      intent: "primary",
+      size: "md"
     }
-  )
-] }));
-f.displayName = e.Content.displayName;
-const p = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: l("flex flex-col space-y-16 text-left font-display", a),
-    ...t
-  }
-);
-p.displayName = "AlertDialogHeader";
-const g = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    className: l("flex flex-row justify-end gap-8 mt-24", a),
-    ...t
   }
 );
-g.displayName = "AlertDialogFooter";
-const x = m("flex items-center text-lg font-medium", {
-  variants: {
-    intent: {
-      default: "text-gray-800",
-      warning: "text-yellow-600",
-      danger: "text-magenta-600"
+function y({
+  className: e,
+  variant: t,
+  size: a,
+  intent: l,
+  asChild: i = !1,
+  ...r
+}) {
+  const n = i ? s : "button";
+  return /* @__PURE__ */ o.jsx(
+    n,
+    {
+      "data-slot": "button",
+      className: p(c({ variant: t, size: a, intent: l, className: e })),
+      ...r
     }
-  },
-  defaultVariants: {
-    intent: "default"
-  }
-}), y = i.forwardRef(({ className: a, intent: t, ...o }, r) => /* @__PURE__ */ s.jsx(
-  e.Title,
-  {
-    ref: r,
-    className: l(x({ intent: t }), a),
-    ...o
-  }
-));
-y.displayName = e.Title.displayName;
-const u = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s.jsx(
-  e.Description,
-  {
-    ref: o,
-    className: l("text-base text-muted-foreground", a),
-    ...t
-  }
-));
-u.displayName = e.Description.displayName;
-const N = i.forwardRef(({ className: a, intent: t, ...o }, r) => /* @__PURE__ */ s.jsx(
-  e.Action,
-  {
-    ref: r,
-    className: l(d({ intent: t }), a),
-    ...o
-  }
-));
-N.displayName = e.Action.displayName;
-const A = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s.jsx(
-  e.Cancel,
-  {
-    ref: o,
-    className: l(d({ intent: "secondary" }), a),
-    ...t
-  }
-));
-A.displayName = e.Cancel.displayName;
+  );
+}
 export {
-  R as AlertDialog,
-  N as AlertDialogAction,
-  A as AlertDialogCancel,
-  f as AlertDialogContent,
-  u as AlertDialogDescription,
-  g as AlertDialogFooter,
-  p as AlertDialogHeader,
-  n as AlertDialogOverlay,
-  c as AlertDialogPortal,
-  y as AlertDialogTitle,
-  v as AlertDialogTrigger,
-  x as titleVariants
+  y as Button,
+  c as buttonVariants
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full',\n        'bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col space-y-16 text-left font-display', className)}\n    {...props}\n  />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-row justify-end gap-8 mt-24', className)}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst titleVariants = cva('flex items-center text-lg font-medium', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  {\n    intent?: VariantProps<typeof titleVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn(titleVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-base text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  {\n    intent?: VariantProps<typeof buttonVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(buttonVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ intent: 'secondary' }), className)}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"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"}
+{"version":3,"file":"index6.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center rounded text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        filled: '',\n        outline: 'border',\n        ghost: '',\n        link: ''\n      },\n      intent: {\n        primary: '',\n        secondary: '',\n        warning: '',\n        danger: '',\n        filter: ''\n      },\n      size: {\n        md: 'h-40 min-w-96 px-24',\n        sm: 'h-32 px-16',\n        icon: 'h-32 w-32',\n        'fit-content': ''\n      }\n    },\n    compoundVariants: [\n      {\n        variant: 'filled',\n        intent: 'primary',\n        className:\n          'bg-purple-700 text-white fill-white hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-900'\n      },\n      {\n        variant: 'filled',\n        intent: 'secondary',\n        className:\n          'bg-gray-900/8 text-gray-900 fill-gray-900 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n      },\n      {\n        variant: 'filled',\n        intent: 'warning',\n        className:\n          'bg-yellow-500 text-white fill-white hover:bg-yellow-600 focus:bg-yellow-600 active:bg-yellow-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'danger',\n        className:\n          'bg-magenta-500 text-white fill-white hover:bg-magenta-600 focus:bg-magenta-600 active:bg-magenta-700'\n      },\n      {\n        variant: 'filled',\n        intent: 'filter',\n        className:\n          'bg-purple-100 text-purple-800 fill-purple-800 hover:bg-purple-200 focus:bg-purple-200 active:bg-purple-300'\n      },\n      {\n        variant: 'outline',\n        intent: 'primary',\n        className: 'text-purple-700 fill-purple-700 border-purple-700'\n      },\n      {\n        variant: 'outline',\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 border-gray-900/24 hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n      },\n      {\n        variant: 'outline',\n        intent: 'warning',\n        className: 'text-yellow-500 fill-yellow-500 border-yellow-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'danger',\n        className: 'text-magenta-500 fill-magenta-500 border-magenta-500'\n      },\n      {\n        variant: 'outline',\n        intent: 'filter',\n        className: 'text-purple-600 fill-purple-600 border-purple-400'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'primary',\n        className: 'hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-100'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'secondary',\n        className:\n          'hover:bg-gray-900/8 focus:bg-gray-900/8 active:bg-gray-900/12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'warning',\n        className:\n          'bg-yellow-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'danger',\n        className:\n          'bg-magenta-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: ['outline', 'ghost'],\n        intent: 'filter',\n        className:\n          'bg-purple-500 bg-opacity-0 hover:bg-opacity-8 focus:bg-opacity-8 active:bg-opacity-12'\n      },\n      {\n        variant: 'ghost',\n        intent: 'primary',\n        className:\n          'text-purple-700 fill-purple-700 hover:text-purple-800 hover:fill-purple-800 focus:text-purple-800 focus:fill-purple-800 active:text-purple-900 active:fill-purple-900'\n      },\n      {\n        variant: 'link',\n        intent: 'primary',\n        className:\n          'text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 hover:fill-robinblue-600 focus:text-robinblue-600 focus:fill-robinblue-600 active:text-robinblue-700 active:fill-robinblue-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'secondary',\n        className:\n          'text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900 '\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'warning',\n        className:\n          'text-yellow-500 fill-yellow-500 hover:text-yellow-600 hover:fill-text-yellow-600 focus:text-yellow-600 focus:fill-yellow-600 active:text-yellow-700 active:fill-yellow-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'danger',\n        className:\n          'text-magenta-500 fill-magenta-500 hover:text-magenta-600 hover:fill-text-magenta-600 focus:text-magenta-600 focus:fill-magenta-600 active:text-magenta-700 active:fill-magenta-700'\n      },\n      {\n        variant: ['ghost', 'link'],\n        intent: 'filter',\n        className:\n          'text-purple-600 fill-purple-600 hover:text-purple-700 hover:fill-text-purple-700 focus:text-purple-700 focus:fill-purple-700 active:text-purple-800 active:fill-purple-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'filled',\n      intent: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }\n\nfunction Button({\n  className,\n  variant,\n  size,\n  intent,\n  asChild = false,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, intent, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","className","variant","size","intent","asChild","props","Comp","Slot","jsx","cn"],"mappings":"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"}

package/dist/index7.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index40.cjs"),b=require("class-variance-authority"),s=require("./index41.cjs"),e=b.cva("inline-flex items-center justify-center rounded-[8px] font-normal transition-colors",{variants:{variant:{green:"bg-green-50 text-green-800 border-green-200",yellow:"bg-yellow-50 text-yellow-700 border-yellow-200",magenta:"bg-magenta-50 text-magenta-700 border-magenta-100",gray:"bg-gray-200 text-gray-900 border-gray-300",purple:"bg-purple-100 text-purple-900 border-purple-200",robinblue:"bg-robinblue-100 text-robinblue-900 border-robinblue-200"},size:{sm:"h-[26px] px-8 text-sm",md:"h-32 px-12 text-base",icon:"h-32 w-32"},border:{outline:"border",none:"border-0"},inverted:{true:"text-white",false:""}},compoundVariants:[{inverted:!0,variant:"green",className:"bg-green-700 border-green-800"},{inverted:!0,variant:"yellow",className:"bg-yellow-700 border-yellow-800"},{inverted:!0,variant:"magenta",className:"bg-magenta-700 border-magenta-800"},{inverted:!0,variant:"gray",className:"bg-gray-700 border-gray-800"},{inverted:!0,variant:"purple",className:"bg-purple-700 border-purple-800"},{inverted:!0,variant:"robinblue",className:"bg-robinblue-700 border-robinblue-800"}],defaultVariants:{size:"sm",variant:"gray",border:"outline",inverted:!1}});function g({className:r,variant:t,size:a,border:n,inverted:i,...o}){return l.jsxRuntimeExports.jsx("div",{className:s.cn(e({variant:t,size:a,border:n,inverted:i}),r),...o})}exports.Badge=g;exports.badgeVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),g=require("lucide-react"),w=require("react"),p=require("react-day-picker"),x=require("./index6.cjs"),e=require("./index39.cjs");function h(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const f=h(w);function y({className:a,classNames:o,showOutsideDays:n=!0,captionLayout:l="label",formatters:i,components:u,...b}){const t=p.getDefaultClassNames();return s.jsxRuntimeExports.jsx(p.DayPicker,{showOutsideDays:n,className:e.cn("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,a),captionLayout:l,formatters:{formatMonthDropdown:r=>r.toLocaleString("default",{month:"short"}),...i},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-16 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-16",t.month),nav:e.cn("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_previous),button_next:e.cn(x.buttonVariants({variant:"ghost",intent:"secondary",size:"icon"}),"size-(--cell-size) aria-disabled:opacity-48 p-0 select-none",t.button_next),month_caption:e.cn("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded",t.dropdown_root),dropdown:e.cn("absolute bg-gray-900/48 inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none",l==="label"?"text-lg":"rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-8",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-gray-900",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l bg-purple-800 text-white",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r bg-purple-800 text-white",t.range_end),today:e.cn("shadow-100 rounded aria-selected:shadow-none",t.today),outside:e.cn("text-gray-900 aria-selected:text-gray-900",t.outside),disabled:e.cn("text-gray-900 opacity-48",t.disabled),hidden:e.cn("invisible",t.hidden),...o},components:{Root:({className:r,rootRef:d,...c})=>s.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:d,className:e.cn(r),...c}),Chevron:({className:r,orientation:d,...c})=>d==="left"?s.jsxRuntimeExports.jsx(g.ChevronLeftIcon,{className:e.cn("size-16",r),...c}):d==="right"?s.jsxRuntimeExports.jsx(g.ChevronRightIcon,{className:e.cn("size-16",r),...c}):s.jsxRuntimeExports.jsx(g.ChevronDownIcon,{className:e.cn("size-16",r),...c}),DayButton:m,WeekNumber:({children:r,...d})=>s.jsxRuntimeExports.jsx("td",{...d,children:s.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:r})}),...u},...b})}function m({className:a,day:o,modifiers:n,...l}){const i=p.getDefaultClassNames(),u=f.useRef(null);return f.useEffect(()=>{n.focused&&u.current?.focus()},[n.focused]),s.jsxRuntimeExports.jsx(x.Button,{ref:u,variant:"ghost",size:"icon","data-day":o.date.toLocaleDateString(),"data-selected-single":n.selected&&!n.range_start&&!n.range_end&&!n.range_middle,"data-range-start":n.range_start,"data-range-end":n.range_end,"data-range-middle":n.range_middle,className:e.cn("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white","data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white","data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white","data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white","flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative","group-data-[focused=true]/day:z-10","data-[range-end=true]:rounded-r","data-[range-middle=true]:rounded-none","data-[range-start=true]:rounded-l","[&>span]:text-xs [&>span]:opacity-64",i.day,a),...l})}exports.Calendar=y;exports.CalendarDayButton=m;
 //# sourceMappingURL=index7.cjs.map

package/dist/index7.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index7.cjs","sources":["../src/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-[8px] font-normal transition-colors',\n  {\n    variants: {\n      variant: {\n        green: 'bg-green-50 text-green-800 border-green-200',\n        yellow: 'bg-yellow-50 text-yellow-700 border-yellow-200',\n        magenta: 'bg-magenta-50 text-magenta-700 border-magenta-100',\n        gray: 'bg-gray-200 text-gray-900 border-gray-300',\n        purple: 'bg-purple-100 text-purple-900 border-purple-200',\n        robinblue: 'bg-robinblue-100 text-robinblue-900 border-robinblue-200'\n      },\n      size: {\n        sm: 'h-[26px] px-8 text-sm',\n        md: 'h-32 px-12 text-base',\n        icon: 'h-32 w-32'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'green',\n        className: 'bg-green-700 border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'yellow',\n        className: 'bg-yellow-700 border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'magenta',\n        className: 'bg-magenta-700 border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'gray',\n        className: 'bg-gray-700 border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'purple',\n        className: 'bg-purple-700 border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'robinblue',\n        className: 'bg-robinblue-700 border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      size: 'sm',\n      variant: 'gray',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      className={cn(\n        badgeVariants({ variant, size, border, inverted }),\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","border","inverted","props","jsx","cn"],"mappings":"kLAQMA,EAAgBC,EAAA,IACpB,sFACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8CACP,OAAQ,iDACR,QAAS,oDACT,KAAM,4CACN,OAAQ,kDACR,UAAW,0DACb,EACA,KAAM,CACJ,GAAI,wBACJ,GAAI,uBACJ,KAAM,WACR,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,aACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,QACT,UAAW,+BACb,EACA,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCACb,EACA,CACE,SAAU,GACV,QAAS,UACT,UAAW,mCACb,EACA,CACE,SAAU,GACV,QAAS,OACT,UAAW,6BACb,EACA,CACE,SAAU,GACV,QAAS,SACT,UAAW,iCACb,EACA,CACE,SAAU,GACV,QAAS,YACT,UAAW,uCACb,CACF,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,OACT,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAMA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAe,CAEX,OAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,GACTV,EAAc,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,EACjDJ,CACF,EACC,GAAGK,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index7.cjs","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: date =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn(\n          'flex gap-16 flex-col md:flex-row relative',\n          defaultClassNames.months\n        ),\n        month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n        nav: cn(\n          'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-[6px]',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          'absolute bg-gray-900/48 inset-0 opacity-0',\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          'select-none',\n          captionLayout === 'label'\n            ? 'text-lg'\n            : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n          defaultClassNames.weekday\n        ),\n        week: cn('flex w-full mt-8', defaultClassNames.week),\n        week_number_header: cn(\n          'select-none w-(--cell-size)',\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          'text-[0.8rem] select-none text-gray-900',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          'rounded-l bg-purple-800 text-white',\n          defaultClassNames.range_start\n        ),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn(\n          'rounded-r bg-purple-800 text-white',\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          'shadow-100 rounded aria-selected:shadow-none',\n          defaultClassNames.today\n        ),\n        outside: cn(\n          'text-gray-900 aria-selected:text-gray-900',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return (\n              <ChevronLeftIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          if (orientation === 'right') {\n            return (\n              <ChevronRightIcon\n                className={cn('size-16', className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn('size-16', className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n        'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n        'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n        'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n        'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n        'group-data-[focused=true]/day:z-10',\n        'data-[range-end=true]:rounded-r',\n        'data-[range-middle=true]:rounded-none',\n        'data-[range-start=true]:rounded-l',\n        '[&>span]:text-xs [&>span]:opacity-64',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}