laif-ds 0.2.34 → 0.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -312,12 +312,18 @@ export declare interface AvatarItem {
312
312
  alt?: string;
313
313
  }
314
314
 
315
- export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
315
+ export declare function Badge({ className, variant, asChild, disabled, iconLeft, iconRight, ...props }: BadgeProps & React_2.ComponentProps<"span">): JSX.Element;
316
+
317
+ export declare interface BadgeProps extends React_2.ComponentPropsWithoutRef<"span"> {
318
+ variant?: "default" | "destructive" | "warning" | "success" | "outline" | "outline-primary" | "outline-destructive" | "outline-warning" | "outline-success" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | "ghost-warning" | "ghost-success" | "link";
316
319
  asChild?: boolean;
317
- }): JSX.Element;
320
+ disabled?: boolean;
321
+ iconLeft?: IconName;
322
+ iconRight?: IconName;
323
+ }
318
324
 
319
325
  export declare const badgeVariants: (props?: ({
320
- variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" | "outline-primary" | null | undefined;
326
+ variant?: "link" | "default" | "destructive" | "warning" | "success" | "outline" | "outline-primary" | "outline-destructive" | "outline-warning" | "outline-success" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | "ghost-warning" | "ghost-success" | null | undefined;
321
327
  } & ClassProp) | undefined) => string;
322
328
 
323
329
  declare type BarItemDataType = RepeatDataType | NoRepeatDataType;
@@ -376,7 +382,7 @@ export declare type ButtonSize = "default" | "sm" | "lg" | "icon";
376
382
  export declare type ButtonVariant = "default" | "destructive" | "outline" | "outline-primary" | "outline-destructive" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | "link";
377
383
 
378
384
  export declare const buttonVariants: (props?: ({
379
- variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | "outline-primary" | "outline-destructive" | "ghost-destructive" | "ghost-accent" | null | undefined;
385
+ variant?: "link" | "default" | "destructive" | "outline" | "outline-primary" | "outline-destructive" | "secondary" | "ghost" | "ghost-destructive" | "ghost-accent" | null | undefined;
380
386
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
381
387
  } & ClassProp) | undefined) => string;
382
388
 
@@ -1324,11 +1330,14 @@ export declare function InputOTPSlot({ index, className, ...props }: React_2.Com
1324
1330
  index: number;
1325
1331
  }): JSX.Element;
1326
1332
 
1327
- declare interface InputProps extends Omit<React_2.ComponentProps<"input">, "label" | "size">, VariantProps<typeof inputVariants> {
1333
+ export declare interface InputProps extends Omit<React_2.ComponentProps<"input">, "label" | "size">, VariantProps<typeof inputVariants> {
1328
1334
  label?: string | React_2.ReactNode;
1329
1335
  labelClassName?: string;
1330
1336
  iconLeft?: IconName;
1331
1337
  iconRight?: IconName;
1338
+ startContent?: React_2.ReactNode;
1339
+ endContent?: React_2.ReactNode;
1340
+ errorMessage?: string;
1332
1341
  }
1333
1342
 
1334
1343
  export declare function InputSelector({ value, onChange, min, max, className, buttonClassName, counterClassName, }: InputSelectorProps): JSX.Element;
package/dist/index.js CHANGED
@@ -17,10 +17,10 @@ import { Separator as z } from "./components/ui/separator.js";
17
17
  import { Skeleton as O } from "./components/ui/skeleton.js";
18
18
  import { Switch as W } from "./components/ui/switch.js";
19
19
  import { Textarea as q } from "./components/ui/textarea.js";
20
- import { Toggle as K, toggleVariants as Q } from "./components/ui/toggle.js";
21
- import { Tooltip as Y, TooltipContent as Z, TooltipProvider as _, TooltipTrigger as $ } from "./components/ui/tooltip.js";
22
- import { TypingIndicator as re } from "./components/ui/typing-indicator.js";
23
- import { Toaster as te } from "./components/ui/toaster.js";
20
+ import { Toaster as K } from "./components/ui/toaster.js";
21
+ import { Toggle as X, toggleVariants as Y } from "./components/ui/toggle.js";
22
+ import { Tooltip as _, TooltipContent as $, TooltipProvider as ee, TooltipTrigger as re } from "./components/ui/tooltip.js";
23
+ import { TypingIndicator as te } from "./components/ui/typing-indicator.js";
24
24
  import { Accordion as ne, AccordionContent as ie, AccordionItem as pe, AccordionTrigger as me } from "./components/ui/accordion.js";
25
25
  import { Alert as ue, AlertDescription as xe, AlertTitle as de } from "./components/ui/alert.js";
26
26
  import { AlertDialog as ge, AlertDialogAction as Ce, AlertDialogCancel as be, AlertDialogContent as se, AlertDialogDescription as Se, AlertDialogFooter as Me, AlertDialogHeader as ce, AlertDialogTitle as Te, AlertDialogTrigger as De } from "./components/ui/alert-dialog.js";
@@ -341,15 +341,15 @@ export {
341
341
  at as TabsTrigger,
342
342
  q as Textarea,
343
343
  Tt as ThemeSwitcher,
344
- te as Toaster,
345
- K as Toggle,
344
+ K as Toaster,
345
+ X as Toggle,
346
346
  it as ToggleGroup,
347
347
  pt as ToggleGroupItem,
348
- Y as Tooltip,
349
- Z as TooltipContent,
350
- _ as TooltipProvider,
351
- $ as TooltipTrigger,
352
- re as TypingIndicator,
348
+ _ as Tooltip,
349
+ $ as TooltipContent,
350
+ ee as TooltipProvider,
351
+ re as TooltipTrigger,
352
+ te as TypingIndicator,
353
353
  ke as Typo,
354
354
  Gn as WeeklyCalendar,
355
355
  x as badgeVariants,
@@ -363,7 +363,7 @@ export {
363
363
  Sa as previewFileModal,
364
364
  Ma as safePreviewFileModal,
365
365
  Nn as stringToHexColor,
366
- Q as toggleVariants,
366
+ Y as toggleVariants,
367
367
  On as useAudioRecording,
368
368
  Wn as useAutoScroll,
369
369
  qn as useAutosizeTextArea,
@@ -5,7 +5,7 @@ import { useComposedRefs as N } from "../../react-compose-refs/dist/index.js";
5
5
  import { createContextScope as W } from "../../react-context/dist/index.js";
6
6
  import { DismissableLayer as $ } from "../../react-dismissable-layer/dist/index.js";
7
7
  import { useId as z } from "../../react-id/dist/index.js";
8
- import { createPopperScope as S, Root as J, Anchor as Q, Arrow as Z, Content as ee } from "../../react-popper/dist/index.js";
8
+ import { createPopperScope as S, Root as J, Arrow as Q, Anchor as Z, Content as ee } from "../../react-popper/dist/index.js";
9
9
  import { Portal as te } from "../../react-portal/dist/index.js";
10
10
  import { Presence as G } from "../../react-presence/dist/index.js";
11
11
  import { Primitive as oe } from "../../react-primitive/dist/index.js";
@@ -104,7 +104,7 @@ B.displayName = R;
104
104
  var L = "TooltipTrigger", U = s.forwardRef(
105
105
  (t, o) => {
106
106
  const { __scopeTooltip: e, ...r } = t, n = _(L, e), c = k(L, e), i = A(e), v = s.useRef(null), a = N(o, v, n.onTriggerChange), p = s.useRef(!1), l = s.useRef(!1), d = s.useCallback(() => p.current = !1, []);
107
- return s.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ f(Q, { asChild: !0, ...i, children: /* @__PURE__ */ f(
107
+ return s.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ f(Z, { asChild: !0, ...i, children: /* @__PURE__ */ f(
108
108
  oe.button,
109
109
  {
110
110
  "aria-describedby": n.open ? n.contentId : void 0,
@@ -226,7 +226,7 @@ var X = "TooltipArrow", K = s.forwardRef(
226
226
  return ve(
227
227
  X,
228
228
  e
229
- ).isInside ? null : /* @__PURE__ */ f(Z, { ...n, ...r, ref: o });
229
+ ).isInside ? null : /* @__PURE__ */ f(Q, { ...n, ...r, ref: o });
230
230
  }
231
231
  );
232
232
  K.displayName = X;
@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
3
3
  import { ok as u } from "../../devlop/lib/default.js";
4
4
  import { svg as m, html as C } from "../../property-information/index.js";
5
5
  import { stringify as N } from "../../space-separated-tokens/index.js";
6
- import S from "../../../_virtual/index5.js";
6
+ import S from "../../../_virtual/index4.js";
7
7
  import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
8
8
  import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
9
9
  import { VFileMessage as h } from "../../vfile-message/lib/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { bail as P } from "../../bail/index.js";
3
- import y from "../../../_virtual/index4.js";
3
+ import y from "../../../_virtual/index5.js";
4
4
  import z from "../../is-plain-obj/index.js";
5
5
  import { CallableInstance as C } from "./callable-instance.js";
6
6
  import { trough as A } from "../../trough/lib/index.js";
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @import "tailwindcss";@import "tw-animate-css";@import "./laif-styles.css";@import "./css-for-template.css";.dark,:root{--d-radius:6px;--d-background:var(--colors--surface--background);--d-foreground:var(--colors--text--body-primary);--d-card:var(--colors--surface--primary);--d-card-foreground:var(--colors--text--body-primary);--d-popover:var(--colors--surface--primary);--d-popover-foreground:var(--colors--text--body-primary);--d-primary:var(--colors--surface--accent-primary);--d-primary-foreground:var(--colors--text--on-accent);--d-secondary:var(--colors--surface--secondary);--d-secondary-foreground:var(--colors--text--body-primary);--d-muted:var(--colors--surface--secondary);--d-muted-foreground:var(--colors--text--body-secondary);--d-accent:var(--colors--surface--tertiary);--d-accent-foreground:var(--colors--text--body-primary);--d-destructive:var(--colors--surface--danger);--d-destructive-foreground:var(--colors--text--on-danger);--d-border:var(--colors--border--subtle);--d-input:var(--colors--surface--primary);--d-ring:var(--colors--border--subtle);--d-chart-1:var(--colors--surface--accent-primary);--d-chart-2:var(--colors--surface--success);--d-chart-3:var(--colors--surface--warning);--d-chart-4:var(--colors--text--warning);--d-chart-5:var(--colors--surface--danger);--d-sidebar:var(--colors--surface--background);--d-sidebar-foreground:var(--colors--text--body-primary);--d-sidebar-primary:var(--colors--surface--accent-primary);--d-sidebar-primary-foreground:var(--colors--text--on-accent);--d-sidebar-accent:color-mix(in srgb,var(--colors--surface--tertiary) 40%,#0000);--d-sidebar-accent-foreground:var(--colors--text--body-primary);--d-sidebar-border:var(--colors--border--subtle);--d-sidebar-ring:var(--colors--surface--accent-primary)}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}
1
+ @import "tailwindcss";@import "tw-animate-css";@import "./laif-styles.css";@import "./css-for-template.css";.dark,:root{--d-radius:6px;--d-background:var(--colors--surface--background);--d-foreground:var(--colors--text--body-primary);--d-card:var(--colors--surface--primary);--d-card-foreground:var(--colors--text--body-primary);--d-popover:var(--colors--surface--primary);--d-popover-foreground:var(--colors--text--body-primary);--d-primary:var(--colors--surface--accent-primary);--d-primary-foreground:var(--colors--text--on-accent);--d-secondary:var(--colors--surface--secondary);--d-secondary-foreground:var(--colors--text--body-primary);--d-muted:var(--colors--surface--secondary);--d-muted-foreground:var(--colors--text--body-secondary);--d-accent:var(--colors--surface--tertiary);--d-accent-foreground:var(--colors--text--body-primary);--d-destructive:var(--colors--surface--danger);--d-destructive-foreground:var(--colors--text--on-danger);--d-warning:var(--colors--text--warning);--d-warning-background:var(--colors--surface--warning);--d-warning-foreground:var(--colors--text--on-warning);--d-success:var(--colors--text--success);--d-success-background:var(--colors--surface--success);--d-success-foreground:var(--colors--text--on-success);--d-border:var(--colors--border--subtle);--d-input:var(--colors--surface--primary);--d-ring:var(--colors--border--subtle);--d-chart-1:var(--colors--surface--accent-primary);--d-chart-2:var(--colors--surface--success);--d-chart-3:var(--colors--surface--warning);--d-chart-4:var(--colors--text--warning);--d-chart-5:var(--colors--surface--danger);--d-sidebar:var(--colors--surface--background);--d-sidebar-foreground:var(--colors--text--body-primary);--d-sidebar-primary:var(--colors--surface--accent-primary);--d-sidebar-primary-foreground:var(--colors--text--on-accent);--d-sidebar-accent:color-mix(in srgb,var(--colors--surface--tertiary) 40%,#0000);--d-sidebar-accent-foreground:var(--colors--text--body-primary);--d-sidebar-border:var(--colors--border--subtle);--d-sidebar-ring:var(--colors--surface--accent-primary)}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-warning:#fee6b7;--d-warning-foreground:#8f6113;--d-success:#b9f3d1;--d-success-foreground:#479766;--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-warning:#fee6b7;--d-warning-foreground:#8f6113;--d-success:#b9f3d1;--d-success-foreground:#479766;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}