@akira-io/ui 1.3.0 → 2.0.0

package/dist/{chunk-IE6VWUSB.js → chunk-2V6HUWST.js}

@@ -1,7 +1,13 @@
-import { elevatedSurface, flatSurface, cn, recessedSurface } from './chunk-I5UZAJB4.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import {
+  cn,
+  elevatedSurface,
+  flatSurface,
+  recessedSurface
+} from "./chunk-KHOA4TEI.js";
 
+// src/components/ui/card.tsx
+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}`,
   {
@@ -122,6 +128,13 @@ function CardFooter({
   );
 }
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
-//# sourceMappingURL=chunk-IE6VWUSB.js.map
-//# sourceMappingURL=chunk-IE6VWUSB.js.map
+export {
+  cardVariants,
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter
+};
+//# sourceMappingURL=chunk-2V6HUWST.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/card.tsx"],"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',\n                subtle: 'border-border/60 bg-card/40',\n                solid: 'bg-card',\n                outlined: `bg-card border border-border ${flatSurface}`,\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"],"mappings":";;;;;;;;AAAA,SAAS,WAA8B;AAmD/B;AAvCR,IAAM,eAAe;AAAA,EACjB,qEAAqE,eAAe;AAAA,EACpF;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU,gCAAgC,WAAW;AAAA,MACzD;AAAA,MACA,aAAa;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACX;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAO;AAAA,IAChE;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,MACT,aAAa;AAAA,MACb,SAAS;AAAA,IACb;AAAA,EACJ;AACJ;AAMA,SAAS,KAAK;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,GAAG;AACP,GAA8B;AAC1B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cAAY,SAAS;AAAA,MACrB,aAAW,QAAQ;AAAA,MACnB,WAAW;AAAA,QACP,aAAa,EAAE,SAAS,aAAa,QAAQ,CAAC;AAAA,QAC9C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;AAEA,SAAS,WAAW;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAgD;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;AAEA,SAAS,UAAU;AAAA,EACf;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAgD;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;AAEA,SAAS,gBAAgB;AAAA,EACrB;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAgD;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;AAEA,SAAS,YAAY;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAgD;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,QAAQ,SAAS;AAAA,MAC9B,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;AAEA,SAAS,WAAW;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAgD;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,0BAA0B,SAAS;AAAA,MAChD,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;","names":[]}

package/dist/{chunk-UTSTTTH5.js → chunk-3Z2VGVPI.js}

@@ -1,7 +1,11 @@
-import { cn, fieldSurface, fieldFocus } from './chunk-I5UZAJB4.js';
-import { jsx } from 'react/jsx-runtime';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import {
+  cn,
+  fieldFocus,
+  fieldSurface
+} from "./chunk-KHOA4TEI.js";
 
+// src/components/ui/input.tsx
+import { jsx } from "react/jsx-runtime";
 function Input({
   className,
   type,
@@ -13,7 +17,7 @@ function Input({
     {
       type,
       className: cn(
-        `h-11 min-w-0 px-4 text-sm font-medium flex w-full transition-all placeholder:text-muted-foreground focus:bg-muted disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`,
+        `h-11 min-w-0 px-4 font-medium flex w-full transition-all placeholder:text-muted-foreground focus:bg-muted disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`,
         className
       ),
       ...props,
@@ -21,6 +25,10 @@ function Input({
     }
   );
 }
+
+// src/components/ui/separator.tsx
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
@@ -28,7 +36,7 @@ function Separator({
   slotName = "separator-root",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     SeparatorPrimitive.Root,
     {
       decorative,
@@ -43,6 +51,8 @@ function Separator({
   );
 }
 
-export { Input, Separator };
-//# sourceMappingURL=chunk-UTSTTTH5.js.map
-//# sourceMappingURL=chunk-UTSTTTH5.js.map
+export {
+  Input,
+  Separator
+};
+//# sourceMappingURL=chunk-3Z2VGVPI.js.map

package/dist/chunk-3Z2VGVPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/input.tsx","../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { fieldFocus, fieldSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Input({\n    className,\n    type,\n    slotName = 'input',\n    ...props\n}: React.ComponentProps<'input'> & SlotNameProps) {\n    return (\n        <input\n            type={type}\n            className={cn(\n                `h-11 min-w-0 px-4 font-medium flex w-full transition-all placeholder:text-muted-foreground focus:bg-muted disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`,\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport { Input };\n","import * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Separator({\n    className,\n    orientation = 'horizontal',\n    decorative = true,\n    slotName = 'separator-root',\n    ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root> & SlotNameProps) {\n    return (\n        <SeparatorPrimitive.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            data-slot={slotName}\n        />\n    );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;AAaQ;AAPR,SAAS,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAAkD;AAC9C,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP,+NAA+N,YAAY,IAAI,UAAU;AAAA,QACzP;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;;;ACvBA,YAAY,wBAAwB;AAc5B,gBAAAA,YAAA;AARR,SAAS,UAAU;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,GAAG;AACP,GAAyE;AACrE,SACI,gBAAAA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;","names":["jsx"]}