@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.7

package/dist/theme/config.js

@@ -0,0 +1 @@
+const e={xs:12,sm:14,md:16,lg:18,xl:20,"2xl":24},t=Object.fromEntries(Object.entries(e).map(([t,n])=>[t,n/e.md]));export{e as themeSizeMap,t as themeSizeRatio};

package/dist/theme/context.d.ts

@@ -0,0 +1 @@
+import "vue";

package/dist/theme/context.js

@@ -0,0 +1 @@
+import{computed as e,toValue as t}from"vue";import{useContext as n}from"@soybeanjs/headless/composables";const[r,i]=n(`SizeContext`,n=>({size:e(()=>t(n)??`md`)}));export{r as provideSizeContext,i as useSizeContext};

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+import "./merge.js";
+import { ThemeColor, ThemeSize } from "./types.js";
+import "./context.js";

package/dist/theme/merge.d.ts

@@ -0,0 +1 @@
+import { ClassValue } from "@soybeanjs/headless";

package/dist/theme/merge.js

@@ -0,0 +1 @@
+import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function n(...n){return t(e(n))}export{n as cn};

package/dist/theme/shared.js

@@ -0,0 +1 @@
+import{cn as e}from"./merge.js";function t(t,n){return Object.entries(t).reduce((t,[r,i])=>{let a=r;return t[a]=e(i(),n?.[a]),t},{})}export{t as mergeSlotVariants};

package/dist/theme/types.d.ts

@@ -0,0 +1,5 @@
+//#region src/theme/types.d.ts
+type ThemeColor = 'primary' | 'destructive' | 'success' | 'warning' | 'info' | 'carbon' | 'secondary' | 'accent';
+type ThemeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+//#endregion
+export { ThemeColor, ThemeSize };

package/dist/variants/accordion.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,item:`border-b`,header:`flex`,content:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up`],description:``,trigger:[`flex-1 flex items-center justify-start font-medium transition-all-200 bg-transparent`,`focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`,`hover:underline [&[data-state=open]>.trigger-icon]:rotate-180`],triggerLeadingIcon:`shrink-0`,triggerIcon:`trigger-icon ml-auto shrink-0 text-muted-foreground transition-transform-200`},variants:{size:{xs:{root:`text-2xs`,description:`pb-3`,trigger:`py-3 gap-2.5`},sm:{root:`text-xs`,description:`pb-3.5`,trigger:`py-3.5 gap-3`},md:{root:`text-sm`,description:`pb-4`,trigger:`py-4 gap-3.5`},lg:{root:`text-base`,description:`pb-4.5`,trigger:`py-4.5 gap-4`},xl:{root:`text-lg`,description:`pb-5`,trigger:`py-5 gap-4.5`},"2xl":{root:`text-2xl`,description:`pb-6`,trigger:`py-6 gap-5`}}},defaultVariants:{size:`md`}});export{t as accordionVariants};

package/dist/variants/alert.d.ts

@@ -0,0 +1,300 @@
+import * as tailwind_variants3 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/alert.d.ts
+declare const alertVariants: tailwind_variants3.TVReturnType<{
+  color: {
+    primary: {
+      root: string;
+      icon: string;
+    };
+    destructive: {
+      root: string;
+      icon: string;
+    };
+    success: {
+      root: string;
+      icon: string;
+    };
+    warning: {
+      root: string;
+      icon: string;
+    };
+    info: {
+      root: string;
+      icon: string;
+    };
+    carbon: {
+      root: string;
+      icon: string;
+    };
+    secondary: {
+      root: string;
+      icon: string;
+    };
+    accent: {
+      root: string;
+      icon: string;
+    };
+  };
+  variant: {
+    solid: {
+      root: string;
+    };
+    pure: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    ghost: {
+      root: string;
+    };
+  };
+  size: {
+    xs: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    sm: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    md: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    lg: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    xl: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    '2xl': {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+  icon: string;
+  title: string;
+  description: string;
+  closable: string;
+}, undefined, {
+  color: {
+    primary: {
+      root: string;
+      icon: string;
+    };
+    destructive: {
+      root: string;
+      icon: string;
+    };
+    success: {
+      root: string;
+      icon: string;
+    };
+    warning: {
+      root: string;
+      icon: string;
+    };
+    info: {
+      root: string;
+      icon: string;
+    };
+    carbon: {
+      root: string;
+      icon: string;
+    };
+    secondary: {
+      root: string;
+      icon: string;
+    };
+    accent: {
+      root: string;
+      icon: string;
+    };
+  };
+  variant: {
+    solid: {
+      root: string;
+    };
+    pure: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    ghost: {
+      root: string;
+    };
+  };
+  size: {
+    xs: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    sm: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    md: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    lg: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    xl: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    '2xl': {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+  icon: string;
+  title: string;
+  description: string;
+  closable: string;
+}, tailwind_variants3.TVReturnType<{
+  color: {
+    primary: {
+      root: string;
+      icon: string;
+    };
+    destructive: {
+      root: string;
+      icon: string;
+    };
+    success: {
+      root: string;
+      icon: string;
+    };
+    warning: {
+      root: string;
+      icon: string;
+    };
+    info: {
+      root: string;
+      icon: string;
+    };
+    carbon: {
+      root: string;
+      icon: string;
+    };
+    secondary: {
+      root: string;
+      icon: string;
+    };
+    accent: {
+      root: string;
+      icon: string;
+    };
+  };
+  variant: {
+    solid: {
+      root: string;
+    };
+    pure: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    ghost: {
+      root: string;
+    };
+  };
+  size: {
+    xs: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    sm: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    md: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    lg: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    xl: {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+    '2xl': {
+      root: string;
+      content: string;
+      title: string;
+      closable: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+  icon: string;
+  title: string;
+  description: string;
+  closable: string;
+}, undefined, unknown, unknown, undefined>>;
+type AlertVariants = VariantProps<typeof alertVariants>;
+type AlertVariant = NonNullable<AlertVariants['variant']>;
+//#endregion
+export { AlertVariant };

package/dist/variants/alert.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative flex w-full rounded-lg border`,content:`flex-1 flex flex-col`,icon:`shrink-0`,title:`font-medium tracking-tight`,description:`[&_p]:leading-relaxed`,closable:`absolute`},variants:{color:{primary:{root:`border-primary text-primary`,icon:`text-primary`},destructive:{root:`border-destructive text-destructive`,icon:`text-destructive`},success:{root:`border-success text-success`,icon:`text-success`},warning:{root:`border-warning text-warning`,icon:`text-warning`},info:{root:`border-info text-info`,icon:`text-info`},carbon:{root:`border-carbon text-carbon`,icon:`text-carbon`},secondary:{root:`border-secondary-foreground/50 text-secondary-foreground`,icon:`text-secondary-foreground`},accent:{root:`border-accent-foreground/50 text-accent-foreground`,icon:`text-accent-foreground`}},variant:{solid:{root:``},pure:{root:`bg-background text-foreground border-border`},outline:{root:`bg-background`},soft:{root:`border-transparent`},ghost:{root:``}},size:{xs:{root:`gap-2 px-2 py-1.75 text-2xs`,content:`gap-0.75`,title:`text-xs leading-3.125`,closable:`top-1.25 right-1.25`},sm:{root:`gap-2.5 px-3 py-2.5 text-xs`,content:`gap-1`,title:`text-sm leading-3.75`,closable:`top-1.875 right-1.875`},md:{root:`gap-3 px-4 py-3 text-sm`,content:`gap-1`,title:`text-base leading-4.375`,closable:`top-2.25 right-2.25`},lg:{root:`gap-3.5 px-5 py-3.5 text-base`,content:`gap-1.25`,title:`text-lg leading-5`,closable:`top-2.5 right-2.5`},xl:{root:`gap-4 px-6 py-4 text-lg`,content:`gap-1.5`,title:`text-xl leading-5.625`,closable:`top-2.75 right-2.75`},"2xl":{root:`gap-4.5 px-7 py-4.5 text-xl`,content:`gap-2`,title:`text-2xl leading-6.25`,closable:`top-3 right-3`}}},compoundVariants:[{color:`primary`,variant:`solid`,class:{root:`bg-primary text-primary-foreground`,icon:`text-primary-foreground`,closable:`text-primary-foreground`}},{color:`destructive`,variant:`solid`,class:{root:`bg-destructive text-destructive-foreground`,icon:`text-destructive-foreground`,closable:`text-destructive-foreground`}},{color:`success`,variant:`solid`,class:{root:`bg-success text-success-foreground`,icon:`text-success-foreground`,closable:`text-success-foreground`}},{color:`warning`,variant:`solid`,class:{root:`bg-warning text-warning-foreground`,icon:`text-warning-foreground`,closable:`text-warning-foreground`}},{color:`info`,variant:`solid`,class:{root:`bg-info text-info-foreground`,icon:`text-info-foreground`,closable:`text-info-foreground`}},{color:`carbon`,variant:`solid`,class:{root:`bg-carbon text-carbon-foreground`,icon:`text-carbon-foreground`,closable:`text-carbon-foreground`}},{color:`secondary`,variant:`solid`,class:{root:`bg-secondary text-secondary-foreground`,icon:`text-secondary-foreground`,closable:`text-secondary-foreground`}},{color:`accent`,variant:`solid`,class:{root:`bg-accent text-accent-foreground`,icon:`text-accent-foreground`,closable:`text-accent-foreground`}},{color:`primary`,variant:[`soft`,`ghost`],class:{root:`bg-primary/10`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{root:`bg-destructive/10`}},{color:`success`,variant:[`soft`,`ghost`],class:{root:`bg-success/10`}},{color:`warning`,variant:[`soft`,`ghost`],class:{root:`bg-warning/10`}},{color:`info`,variant:[`soft`,`ghost`],class:{root:`bg-info/10`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{root:`bg-carbon/10`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{root:`bg-secondary-foreground/5`}},{color:`accent`,variant:[`soft`,`ghost`],class:{root:`bg-accent-foreground/5`}}],defaultVariants:{color:`primary`,variant:`ghost`,size:`md`}});export{t as alertVariants};

package/dist/variants/avatar.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative flex shrink-0 overflow-hidden rounded-full`,fallback:`flex justify-center items-center size-full rounded-full bg-muted font-medium`,image:`aspect-square size-full object-cover`},variants:{size:{xs:{root:`size-6`},sm:{root:`size-8`},md:{root:`size-10`},lg:{root:`size-12`},xl:{root:`size-14`},"2xl":{root:`size-16`}}},defaultVariants:{size:`md`}});export{t as avatarVariants};

package/dist/variants/badge.d.ts

@@ -0,0 +1,201 @@
+import * as tailwind_variants11 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/badge.d.ts
+declare const badgeVariants: tailwind_variants11.TVReturnType<{
+  color: {
+    primary: {
+      content: string;
+    };
+    destructive: {
+      content: string;
+    };
+    success: {
+      content: string;
+    };
+    warning: {
+      content: string;
+    };
+    info: {
+      content: string;
+    };
+    carbon: {
+      content: string;
+    };
+    secondary: {
+      content: string;
+    };
+    accent: {
+      content: string;
+    };
+  };
+  size: {
+    xs: {
+      content: string;
+    };
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    '2xl': {
+      content: string;
+    };
+  };
+  position: {
+    'top-right': {
+      content: string;
+    };
+    'bottom-right': {
+      content: string;
+    };
+    'top-left': {
+      content: string;
+    };
+    'bottom-left': {
+      content: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+}, undefined, {
+  color: {
+    primary: {
+      content: string;
+    };
+    destructive: {
+      content: string;
+    };
+    success: {
+      content: string;
+    };
+    warning: {
+      content: string;
+    };
+    info: {
+      content: string;
+    };
+    carbon: {
+      content: string;
+    };
+    secondary: {
+      content: string;
+    };
+    accent: {
+      content: string;
+    };
+  };
+  size: {
+    xs: {
+      content: string;
+    };
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    '2xl': {
+      content: string;
+    };
+  };
+  position: {
+    'top-right': {
+      content: string;
+    };
+    'bottom-right': {
+      content: string;
+    };
+    'top-left': {
+      content: string;
+    };
+    'bottom-left': {
+      content: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+}, tailwind_variants11.TVReturnType<{
+  color: {
+    primary: {
+      content: string;
+    };
+    destructive: {
+      content: string;
+    };
+    success: {
+      content: string;
+    };
+    warning: {
+      content: string;
+    };
+    info: {
+      content: string;
+    };
+    carbon: {
+      content: string;
+    };
+    secondary: {
+      content: string;
+    };
+    accent: {
+      content: string;
+    };
+  };
+  size: {
+    xs: {
+      content: string;
+    };
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    '2xl': {
+      content: string;
+    };
+  };
+  position: {
+    'top-right': {
+      content: string;
+    };
+    'bottom-right': {
+      content: string;
+    };
+    'top-left': {
+      content: string;
+    };
+    'bottom-left': {
+      content: string;
+    };
+  };
+}, {
+  root: string;
+  content: string;
+}, undefined, unknown, unknown, undefined>>;
+type BadgeVariants = VariantProps<typeof badgeVariants>;
+type BadgePosition = NonNullable<BadgeVariants['position']>;
+//#endregion
+export { BadgePosition };

package/dist/variants/badge.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative inline-block`,content:`absolute flex justify-center items-center whitespace-nowrap rounded-full transform`},variants:{color:{primary:{content:`bg-primary text-primary-foreground`},destructive:{content:`bg-destructive text-destructive-foreground`},success:{content:`bg-success text-success-foreground`},warning:{content:`bg-warning text-warning-foreground`},info:{content:`bg-info text-info-foreground`},carbon:{content:`bg-carbon text-carbon-foreground`},secondary:{content:`bg-secondary text-secondary-foreground`},accent:{content:`bg-accent text-accent-foreground`}},size:{xs:{content:`min-h-2 px-1 text-4xs leading-relaxed`},sm:{content:`min-h-2.5 px-1.25 text-3xs leading-relaxed`},md:{content:`min-h-3 px-1.5 text-2xs leading-relaxed`},lg:{content:`min-h-3.5 px-1.75 text-xs leading-relaxed`},xl:{content:`min-h-4 px-2 text-sm leading-relaxed`},"2xl":{content:`min-h-5 px-2.5 text-base leading-relaxed`}},position:{"top-right":{content:`right-0 top-0 translate-x-1/2 -translate-y-1/2`},"bottom-right":{content:`right-0 bottom-0 translate-x-1/2 translate-y-1/2`},"top-left":{content:`left-0 top-0 -translate-x-1/2 -translate-y-1/2`},"bottom-left":{content:`left-0 bottom-0 -translate-x-1/2 translate-y-1/2`}}},defaultVariants:{color:`primary`,size:`md`,position:`top-right`}});export{t as badgeVariants};

package/dist/variants/breadcrumb.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex flex-wrap items-center my-0 break-words text-muted-foreground`,item:`inline-flex items-center list-none`,page:`font-normal text-foreground`,separator:`text-muted-foreground flex-shrink-0 list-none`,ellipsis:`flex items-center justify-center`,link:`hover:text-foreground transition-colors-200 rounded-sm focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`},variants:{size:{xs:{root:`text-2xs`,list:`gap-2`,item:`gap-1.5`},sm:{root:`text-xs`,list:`gap-2.5`,item:`gap-1.75`},md:{root:`text-sm`,list:`gap-3`,item:`gap-2`},lg:{root:`text-base`,list:`gap-3.5`,item:`gap-2.5`},xl:{root:`text-lg`,list:`gap-4`,item:`gap-3`},"2xl":{root:`text-xl`,list:`gap-4.5`,item:`gap-3.5`}}},defaultVariants:{size:`md`}});export{t as breadcrumbVariants};

package/dist/variants/button.d.ts

@@ -0,0 +1,146 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/button.d.ts
+declare const buttonVariants: tailwind_variants0.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    plain: string;
+    outline: string;
+    dashed: string;
+    soft: string;
+    ghost: string;
+    link: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+  shadow: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  fitContent: {
+    true: string;
+    false: string;
+  };
+}, undefined, string[], {
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    plain: string;
+    outline: string;
+    dashed: string;
+    soft: string;
+    ghost: string;
+    link: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+  shadow: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  fitContent: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    plain: string;
+    outline: string;
+    dashed: string;
+    soft: string;
+    ghost: string;
+    link: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+  shadow: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  fitContent: {
+    true: string;
+    false: string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof buttonVariants>;
+type ButtonVariant = NonNullable<ButtonVariants['variant']>;
+type ButtonShape = NonNullable<ButtonVariants['shape']>;
+type ButtonShadow = NonNullable<ButtonVariants['shadow']>;
+//#endregion
+export { ButtonShadow, ButtonShape, ButtonVariant };