@akira-io/ui 1.1.0 → 1.2.0

package/dist/{chunk-SA5LM2GD.js → chunk-2HLBBU3O.js}

@@ -1,4 +1,4 @@
-import { elevatedSurface, cn, recessedSurface } from './chunk-DSD7MVLL.js';
+import { elevatedSurface, cn, flatSurface, recessedSurface } from './chunk-I5UZAJB4.js';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -30,73 +30,97 @@ function Card({
   interactive,
   padding,
   inset = false,
+  flat = false,
+  slotName = "card",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card",
       "data-inset": inset || void 0,
+      "data-flat": flat || void 0,
       className: cn(
         cardVariants({ variant, interactive, padding }),
+        flat && flatSurface,
         inset && recessedSurface,
         className
       ),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function CardHeader({ className, ...props }) {
+function CardHeader({
+  className,
+  slotName = "card-header",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card-header",
       className: cn("gap-1.5 px-6 flex flex-col", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function CardTitle({ className, ...props }) {
+function CardTitle({
+  className,
+  slotName = "card-title",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card-title",
       className: cn("font-semibold leading-none", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function CardDescription({ className, ...props }) {
+function CardDescription({
+  className,
+  slotName = "card-description",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card-description",
       className: cn("text-sm text-muted-foreground", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function CardContent({ className, ...props }) {
+function CardContent({
+  className,
+  slotName = "card-content",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card-content",
       className: cn("px-6", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
-function CardFooter({ className, ...props }) {
+function CardFooter({
+  className,
+  slotName = "card-footer",
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-slot": "card-footer",
       className: cn("px-6 flex items-center", className),
-      ...props
+      ...props,
+      "data-slot": slotName
     }
   );
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
-//# sourceMappingURL=chunk-SA5LM2GD.js.map
-//# sourceMappingURL=chunk-SA5LM2GD.js.map
+//# sourceMappingURL=chunk-2HLBBU3O.js.map
+//# sourceMappingURL=chunk-2HLBBU3O.js.map

package/dist/chunk-2HLBBU3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/card.tsx"],"names":[],"mappings":"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","file":"chunk-2HLBBU3O.js","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n    elevatedSurface,\n    flatSurface,\n    recessedSurface,\n    type FlatSurfaceProps,\n} from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst cardVariants = cva(\n    `relative flex flex-col gap-6 overflow-hidden text-card-foreground ${elevatedSurface}`,\n    {\n        variants: {\n            variant: {\n                default: 'bg-card/60',\n                subtle: 'border-border/60 bg-card/40',\n                solid: 'bg-card',\n            },\n            interactive: {\n                true: 'transition-colors duration-200 hover:border-foreground/20',\n                false: '',\n            },\n            padding: { none: 'py-0', sm: 'py-4', md: 'py-6', lg: 'py-8' },\n        },\n        defaultVariants: {\n            variant: 'default',\n            interactive: false,\n            padding: 'md',\n        },\n    },\n);\n\ntype CardProps = React.ComponentProps<'div'> &\n    VariantProps<typeof cardVariants> &\n    FlatSurfaceProps;\n\nfunction Card({\n    className,\n    variant,\n    interactive,\n    padding,\n    inset = false,\n    flat = false,\n    slotName = 'card',\n    ...props\n}: CardProps & SlotNameProps) {\n    return (\n        <div\n            data-inset={inset || undefined}\n            data-flat={flat || undefined}\n            className={cn(\n                cardVariants({ variant, interactive, padding }),\n                flat && flatSurface,\n                inset && recessedSurface,\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CardHeader({\n    className,\n    slotName = 'card-header',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('gap-1.5 px-6 flex flex-col', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CardTitle({\n    className,\n    slotName = 'card-title',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('font-semibold leading-none', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CardDescription({\n    className,\n    slotName = 'card-description',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('text-sm text-muted-foreground', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CardContent({\n    className,\n    slotName = 'card-content',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('px-6', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nfunction CardFooter({\n    className,\n    slotName = 'card-footer',\n    ...props\n}: React.ComponentProps<'div'> & SlotNameProps) {\n    return (\n        <div\n            className={cn('px-6 flex items-center', className)}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport {\n    Card,\n    CardContent,\n    CardDescription,\n    CardFooter,\n    CardHeader,\n    CardTitle,\n    cardVariants,\n};\n"]}