@akira-io/ui 1.0.0 → 1.1.0

package/dist/chunk-SA5LM2GD.js

@@ -0,0 +1,102 @@
+import { elevatedSurface, cn, recessedSurface } from './chunk-DSD7MVLL.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var cardVariants = cva(
+  `relative flex flex-col gap-6 overflow-hidden text-card-foreground ${elevatedSurface}`,
+  {
+    variants: {
+      variant: {
+        default: "bg-card/60",
+        subtle: "border-border/60 bg-card/40",
+        solid: "bg-card"
+      },
+      interactive: {
+        true: "transition-colors duration-200 hover:border-foreground/20",
+        false: ""
+      },
+      padding: { none: "py-0", sm: "py-4", md: "py-6", lg: "py-8" }
+    },
+    defaultVariants: {
+      variant: "default",
+      interactive: false,
+      padding: "md"
+    }
+  }
+);
+function Card({
+  className,
+  variant,
+  interactive,
+  padding,
+  inset = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-inset": inset || void 0,
+      className: cn(
+        cardVariants({ variant, interactive, padding }),
+        inset && recessedSurface,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn("gap-1.5 px-6 flex flex-col", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("font-semibold leading-none", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", 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("px-6 flex items-center", className),
+      ...props
+    }
+  );
+}
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
+//# sourceMappingURL=chunk-SA5LM2GD.js.map
+//# sourceMappingURL=chunk-SA5LM2GD.js.map

package/dist/chunk-SA5LM2GD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/card.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,YAAA,GAAe,GAAA;AAAA,EACjB,qEAAqE,eAAe,CAAA,CAAA;AAAA,EACpF;AAAA,IACI,QAAA,EAAU;AAAA,MACN,OAAA,EAAS;AAAA,QACL,OAAA,EAAS,YAAA;AAAA,QACT,MAAA,EAAQ,6BAAA;AAAA,QACR,KAAA,EAAO;AAAA,OACX;AAAA,MACA,WAAA,EAAa;AAAA,QACT,IAAA,EAAM,2DAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACX;AAAA,MACA,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAI,MAAA,EAAQ,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,MAAA;AAAO,KAChE;AAAA,IACA,eAAA,EAAiB;AAAA,MACb,OAAA,EAAS,SAAA;AAAA,MACT,WAAA,EAAa,KAAA;AAAA,MACb,OAAA,EAAS;AAAA;AACb;AAER;AAMA,SAAS,IAAA,CAAK;AAAA,EACV,SAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,GAAG;AACP,CAAA,EAAc;AACV,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,MAAA;AAAA,MACV,cAAY,KAAA,IAAS,MAAA;AAAA,MACrB,SAAA,EAAW,EAAA;AAAA,QACP,YAAA,CAAa,EAAE,OAAA,EAAS,WAAA,EAAa,SAAS,CAAA;AAAA,QAC9C,KAAA,IAAS,eAAA;AAAA,QACT;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR;AAER;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACR;AAER;AAEA,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACrE,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACR;AAER;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC3E,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA,GACR;AAER;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACvE,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC9B,GAAG;AAAA;AAAA,GACR;AAER;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACI,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACR;AAER","file":"chunk-SA5LM2GD.js","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n    elevatedSurface,\n    recessedSurface,\n    type SurfaceProps,\n} from '@/lib/language';\nimport { cn } from '@/lib/utils';\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    SurfaceProps;\n\nfunction Card({\n    className,\n    variant,\n    interactive,\n    padding,\n    inset = false,\n    ...props\n}: CardProps) {\n    return (\n        <div\n            data-slot=\"card\"\n            data-inset={inset || undefined}\n            className={cn(\n                cardVariants({ variant, interactive, padding }),\n                inset && recessedSurface,\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"card-header\"\n            className={cn('gap-1.5 px-6 flex flex-col', className)}\n            {...props}\n        />\n    );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"card-title\"\n            className={cn('font-semibold leading-none', className)}\n            {...props}\n        />\n    );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"card-description\"\n            className={cn('text-sm text-muted-foreground', className)}\n            {...props}\n        />\n    );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"card-content\"\n            className={cn('px-6', className)}\n            {...props}\n        />\n    );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-slot=\"card-footer\"\n            className={cn('px-6 flex items-center', className)}\n            {...props}\n        />\n    );\n}\n\nexport {\n    Card,\n    CardContent,\n    CardDescription,\n    CardFooter,\n    CardHeader,\n    CardTitle,\n    cardVariants,\n};\n"]}

package/dist/chunk-UUEWFCKT.js

@@ -0,0 +1,28 @@
+import { cn } from './chunk-DSD7MVLL.js';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx } from 'react/jsx-runtime';
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Separator };
+//# sourceMappingURL=chunk-UUEWFCKT.js.map
+//# sourceMappingURL=chunk-UUEWFCKT.js.map

package/dist/chunk-UUEWFCKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/separator.tsx"],"names":[],"mappings":";;;;AAKA,SAAS,SAAA,CAAU;AAAA,EACf,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,UAAA,GAAa,IAAA;AAAA,EACb,GAAG;AACP,CAAA,EAAyD;AACrD,EAAA,uBACI,GAAA;AAAA,IAAoB,kBAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACG,WAAA,EAAU,gBAAA;AAAA,MACV,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,gKAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR;AAER","file":"chunk-UUEWFCKT.js","sourcesContent":["import * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n    className,\n    orientation = 'horizontal',\n    decorative = true,\n    ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n    return (\n        <SeparatorPrimitive.Root\n            data-slot=\"separator-root\"\n            decorative={decorative}\n            orientation={orientation}\n            className={cn(\n                'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nexport { Separator };\n"]}