@szum-tech/design-system 2.7.0 → 3.0.0

package/dist/chunk-2Y2ZCPNV.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: chunkH2BWO3SI_cjs.cn(
+        "bg-card text-card-foreground border-border flex flex-col gap-6 rounded border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: chunkH2BWO3SI_cjs.cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-title", className: chunkH2BWO3SI_cjs.cn("leading-none font-semibold", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-description", className: chunkH2BWO3SI_cjs.cn("text-muted-foreground text-sm", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkH2BWO3SI_cjs.cn("px-6", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkH2BWO3SI_cjs.cn("flex items-center px-6 [.border-t]:pt-6", className), ...props });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: chunkH2BWO3SI_cjs.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+      ...props
+    }
+  );
+}
+
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;

package/dist/chunk-3376ZTRC.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-S5BN23O7.cjs → chunk-3KMXFN6M.cjs}

@@ -1,22 +1,19 @@
 'use strict';
 
-var chunkEIXSMEDP_cjs = require('./chunk-EIXSMEDP.cjs');
+var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var itemCva = classVarianceAuthority.cva(
-  [
-    "group/item flex items-center border border-transparent text-sm rounded-md transition-colors duration-100 flex-wrap outline-none",
-    "[a]:hover:bg-gray-900 [a]:transition-colors",
-    "focus-visible:ring-primary-500/50 focus-visible:ring-[3px]"
-  ],
+var itemVariants = classVarianceAuthority.cva(
+  "group/item flex items-center border border-transparent text-sm rounded transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outlined: "border-gray-800"
+        outline: "border-border",
+        muted: "bg-muted/50"
       },
       size: {
         default: "p-4 gap-4 ",
@@ -37,22 +34,19 @@ function Item({ className, variant = "default", size = "default", asChild = fals
       "data-slot": "item",
       "data-variant": variant,
       "data-size": size,
-      className: chunkH2BWO3SI_cjs.cn(itemCva({ variant, size }), className),
+      className: chunkH2BWO3SI_cjs.cn(itemVariants({ variant, size, className })),
       ...props
     }
   );
 }
 var itemMediaVariants = classVarianceAuthority.cva(
-  [
-    "flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none",
-    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start"
-  ],
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        icon: "bg-gray-800 size-8 rounded border border-gray-600 [&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded [&_img]:size-full [&_img]:object-cover"
+        icon: "size-8 border border-border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
       }
     },
     defaultVariants: {
@@ -66,7 +60,7 @@ function ItemMedia({ className, variant = "default", ...props }) {
     {
       "data-slot": "item-media",
       "data-variant": variant,
-      className: chunkH2BWO3SI_cjs.cn(itemMediaVariants({ variant, className })),
+      className: chunkH2BWO3SI_cjs.cn(itemMediaVariants({ variant }), className),
       ...props
     }
   );
@@ -93,8 +87,8 @@ function ItemDescription({ className, ...props }) {
     {
       "data-slot": "item-description",
       className: chunkH2BWO3SI_cjs.cn(
-        "line-clamp-2 text-sm leading-normal font-normal text-balance text-gray-400",
-        "[&>a:hover]:text-primary-500 [&>a]:underline [&>a]:underline-offset-4",
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
       ),
       ...props
@@ -126,13 +120,13 @@ function ItemTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "item-title",
-      className: chunkH2BWO3SI_cjs.cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium text-gray-100", className),
+      className: chunkH2BWO3SI_cjs.cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
       ...props
     }
   );
 }
 function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEIXSMEDP_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUIOBJSKZ_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
 }
 
 exports.Item = Item;

package/dist/chunk-5AA4IE2T.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Input({ className, type, invalid = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      "aria-invalid": props["aria-invalid"] || invalid,
+      className: chunkH2BWO3SI_cjs.cn(
+        "placeholder:text-muted-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none",
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
+        "selection:bg-primary selection:text-primary-foreground",
+        "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Input = Input;

package/dist/chunk-5F2Y65JH.js

@@ -0,0 +1,32 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { CheckIcon } from 'lucide-react';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Checkbox$1.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 size-4 shrink-0 rounded border shadow-xs transition-shadow outline-none",
+        "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary",
+        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Checkbox$1.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox };

package/dist/chunk-6BSR3O2J.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground border-border flex flex-col gap-6 rounded border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+      ...props
+    }
+  );
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/chunk-BYXBJQAS.js

@@ -0,0 +1 @@
+