@bzync/rui 0.0.4 → 0.0.5
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/README.md +5 -0
- package/dist/components/aspect-ratio.cjs +1 -0
- package/dist/components/aspect-ratio.d.ts +5 -0
- package/dist/components/aspect-ratio.js +20 -0
- package/dist/components/avatar-group.cjs +1 -0
- package/dist/components/avatar-group.d.ts +14 -0
- package/dist/components/avatar-group.js +35 -0
- package/dist/components/blockquote.cjs +1 -0
- package/dist/components/blockquote.d.ts +10 -0
- package/dist/components/blockquote.js +32 -0
- package/dist/components/button-group.cjs +1 -0
- package/dist/components/button-group.d.ts +7 -0
- package/dist/components/button-group.js +26 -0
- package/dist/components/code.cjs +1 -1
- package/dist/components/code.d.ts +4 -4
- package/dist/components/code.js +59 -57
- package/dist/components/copy-button.cjs +1 -1
- package/dist/components/copy-button.js +3 -3
- package/dist/components/currency.cjs +1 -0
- package/dist/components/currency.d.ts +18 -0
- package/dist/components/currency.js +62 -0
- package/dist/components/description-list.cjs +1 -0
- package/dist/components/description-list.d.ts +14 -0
- package/dist/components/description-list.js +38 -0
- package/dist/components/divider.cjs +1 -0
- package/dist/components/divider.d.ts +12 -0
- package/dist/components/divider.js +45 -0
- package/dist/components/rating.cjs +1 -0
- package/dist/components/rating.d.ts +15 -0
- package/dist/components/rating.js +75 -0
- package/dist/components/scroll-area.cjs +1 -0
- package/dist/components/scroll-area.d.ts +8 -0
- package/dist/components/scroll-area.js +19 -0
- package/dist/components/time-picker.cjs +1 -0
- package/dist/components/time-picker.d.ts +29 -0
- package/dist/components/time-picker.js +336 -0
- package/dist/components/toggle.cjs +1 -0
- package/dist/components/toggle.d.ts +42 -0
- package/dist/components/toggle.js +116 -0
- package/dist/components/typography.cjs +1 -0
- package/dist/components/typography.d.ts +51 -0
- package/dist/components/typography.js +189 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +12 -0
- package/dist/index.js +102 -90
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type ToggleVariant = "default" | "outline";
|
|
3
|
+
export type ToggleSize = "sm" | "md" | "lg" | "icon";
|
|
4
|
+
export declare const toggleVariants: Record<ToggleVariant, string>;
|
|
5
|
+
export declare const toggleSizes: Record<ToggleSize, string>;
|
|
6
|
+
export interface ToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
pressed?: boolean;
|
|
8
|
+
defaultPressed?: boolean;
|
|
9
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
10
|
+
variant?: ToggleVariant;
|
|
11
|
+
size?: ToggleSize;
|
|
12
|
+
}
|
|
13
|
+
export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
interface ToggleGroupBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
|
|
15
|
+
orientation?: "horizontal" | "vertical";
|
|
16
|
+
variant?: ToggleVariant;
|
|
17
|
+
size?: ToggleSize;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
loop?: boolean;
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
export interface ToggleGroupSingleProps extends ToggleGroupBaseProps {
|
|
23
|
+
type?: "single";
|
|
24
|
+
value?: string;
|
|
25
|
+
defaultValue?: string;
|
|
26
|
+
onValueChange?: (value: string) => void;
|
|
27
|
+
}
|
|
28
|
+
export interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {
|
|
29
|
+
type: "multiple";
|
|
30
|
+
value?: string[];
|
|
31
|
+
defaultValue?: string[];
|
|
32
|
+
onValueChange?: (value: string[]) => void;
|
|
33
|
+
}
|
|
34
|
+
export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
|
|
35
|
+
export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
36
|
+
export interface ToggleGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
|
|
37
|
+
value: string;
|
|
38
|
+
variant?: ToggleVariant;
|
|
39
|
+
size?: ToggleSize;
|
|
40
|
+
}
|
|
41
|
+
export declare const ToggleGroupItem: import('react').ForwardRefExoticComponent<ToggleGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as e } from "../cn-DpgY2leY.js";
|
|
3
|
+
import { s as t } from "../component-styles-Bgy44fc8.js";
|
|
4
|
+
import { createContext as n, forwardRef as r, useContext as i, useState as a } from "react";
|
|
5
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
6
|
+
//#region src/components/toggle.tsx
|
|
7
|
+
var s = {
|
|
8
|
+
default: [
|
|
9
|
+
"border border-transparent bg-transparent text-muted-foreground",
|
|
10
|
+
"hover:bg-muted hover:text-foreground",
|
|
11
|
+
"data-[state=on]:bg-accent-100 data-[state=on]:text-accent-800",
|
|
12
|
+
"dark:data-[state=on]:bg-accent-900/45 dark:data-[state=on]:text-accent-200"
|
|
13
|
+
].join(" "),
|
|
14
|
+
outline: [
|
|
15
|
+
"border border-border bg-surface text-muted-foreground shadow-xs",
|
|
16
|
+
"hover:border-border-strong hover:bg-surface-muted hover:text-foreground",
|
|
17
|
+
"data-[state=on]:border-accent-300 data-[state=on]:bg-accent-50 data-[state=on]:text-accent-800",
|
|
18
|
+
"dark:data-[state=on]:border-accent-700 dark:data-[state=on]:bg-accent-900/35 dark:data-[state=on]:text-accent-200"
|
|
19
|
+
].join(" ")
|
|
20
|
+
}, c = {
|
|
21
|
+
sm: "h-8 rounded-[var(--radius-md)] px-2.5 text-xs gap-1.5",
|
|
22
|
+
md: "h-9 rounded-[var(--radius-md)] px-3 text-sm gap-2",
|
|
23
|
+
lg: "h-10 rounded-[var(--radius-lg)] px-4 text-sm gap-2",
|
|
24
|
+
icon: "size-9 rounded-[var(--radius-md)] p-0"
|
|
25
|
+
}, l = [
|
|
26
|
+
"inline-flex shrink-0 cursor-pointer select-none items-center justify-center font-medium",
|
|
27
|
+
"transition-[color,background-color,border-color,box-shadow] duration-150",
|
|
28
|
+
"disabled:pointer-events-none disabled:opacity-40",
|
|
29
|
+
t
|
|
30
|
+
].join(" "), u = r(({ pressed: t, defaultPressed: n = !1, onPressedChange: r, variant: i = "default", size: u = "md", className: d, type: f = "button", onClick: p, ...m }, h) => {
|
|
31
|
+
let [g, _] = a(n), v = t ?? g;
|
|
32
|
+
return /* @__PURE__ */ o("button", {
|
|
33
|
+
ref: h,
|
|
34
|
+
type: f,
|
|
35
|
+
"aria-pressed": v,
|
|
36
|
+
"data-state": v ? "on" : "off",
|
|
37
|
+
className: e(l, s[i], c[u], d),
|
|
38
|
+
onClick: (e) => {
|
|
39
|
+
if (p?.(e), e.defaultPrevented) return;
|
|
40
|
+
let n = !v;
|
|
41
|
+
t === void 0 && _(n), r?.(n);
|
|
42
|
+
},
|
|
43
|
+
...m
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
u.displayName = "Toggle";
|
|
47
|
+
var d = n(null);
|
|
48
|
+
function f() {
|
|
49
|
+
let e = i(d);
|
|
50
|
+
if (!e) throw Error("ToggleGroupItem must be inside <ToggleGroup>");
|
|
51
|
+
return e;
|
|
52
|
+
}
|
|
53
|
+
var p = r(({ type: t = "single", value: n, defaultValue: r, onValueChange: i, orientation: s = "horizontal", variant: c = "default", size: l = "md", disabled: u = !1, loop: f = !0, className: p, children: m, ...h }, g) => {
|
|
54
|
+
let [_, v] = a(() => r ?? (t === "multiple" ? [] : "")), y = n ?? _, b = i;
|
|
55
|
+
function x(e) {
|
|
56
|
+
return t === "multiple" ? Array.isArray(y) && y.includes(e) : y === e;
|
|
57
|
+
}
|
|
58
|
+
function S(e) {
|
|
59
|
+
let r = t === "multiple" ? (() => {
|
|
60
|
+
let t = Array.isArray(y) ? y : [];
|
|
61
|
+
return t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
|
|
62
|
+
})() : y === e ? "" : e;
|
|
63
|
+
n === void 0 && v(r), b?.(r);
|
|
64
|
+
}
|
|
65
|
+
return /* @__PURE__ */ o(d.Provider, {
|
|
66
|
+
value: {
|
|
67
|
+
disabled: u,
|
|
68
|
+
isPressed: x,
|
|
69
|
+
loop: f,
|
|
70
|
+
orientation: s,
|
|
71
|
+
select: S,
|
|
72
|
+
size: l,
|
|
73
|
+
variant: c
|
|
74
|
+
},
|
|
75
|
+
children: /* @__PURE__ */ o("div", {
|
|
76
|
+
ref: g,
|
|
77
|
+
role: "group",
|
|
78
|
+
"data-rui-toggle-group": "",
|
|
79
|
+
"data-orientation": s,
|
|
80
|
+
className: e("inline-flex w-fit rounded-[var(--radius-lg)]", s === "horizontal" ? "max-w-full flex-row items-center gap-1 overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0" : "max-w-full flex-col items-stretch gap-1", p),
|
|
81
|
+
...h,
|
|
82
|
+
children: m
|
|
83
|
+
})
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
p.displayName = "ToggleGroup";
|
|
87
|
+
var m = r(({ value: t, variant: n, size: r, className: i, disabled: a, type: u = "button", onClick: d, onKeyDown: p, ...m }, h) => {
|
|
88
|
+
let g = f(), _ = g.isPressed(t), v = g.disabled || a;
|
|
89
|
+
function y(e) {
|
|
90
|
+
if (p?.(e), e.defaultPrevented) return;
|
|
91
|
+
let t = g.orientation === "horizontal" ? "ArrowLeft" : "ArrowUp", n = g.orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
92
|
+
if (e.key !== t && e.key !== n && e.key !== "Home" && e.key !== "End") return;
|
|
93
|
+
let r = e.currentTarget.closest("[data-rui-toggle-group]"), i = Array.from(r?.querySelectorAll("[data-rui-toggle-item]:not(:disabled)") ?? []).filter((e) => e.closest("[data-rui-toggle-group]") === r), a = i.indexOf(e.currentTarget);
|
|
94
|
+
if (a < 0 || i.length === 0) return;
|
|
95
|
+
e.preventDefault();
|
|
96
|
+
let o = e.key === "Home" ? 0 : e.key === "End" ? i.length - 1 : a + (e.key === n ? 1 : -1);
|
|
97
|
+
o = g.loop ? (o + i.length) % i.length : Math.max(0, Math.min(i.length - 1, o)), i[o]?.focus();
|
|
98
|
+
}
|
|
99
|
+
return /* @__PURE__ */ o("button", {
|
|
100
|
+
ref: h,
|
|
101
|
+
type: u,
|
|
102
|
+
"aria-pressed": _,
|
|
103
|
+
"data-rui-toggle-item": "",
|
|
104
|
+
"data-state": _ ? "on" : "off",
|
|
105
|
+
disabled: v,
|
|
106
|
+
className: e(l, s[n ?? g.variant], c[r ?? g.size], i),
|
|
107
|
+
onClick: (e) => {
|
|
108
|
+
d?.(e), e.defaultPrevented || g.select(t);
|
|
109
|
+
},
|
|
110
|
+
onKeyDown: y,
|
|
111
|
+
...m
|
|
112
|
+
});
|
|
113
|
+
});
|
|
114
|
+
m.displayName = "ToggleGroupItem";
|
|
115
|
+
//#endregion
|
|
116
|
+
export { u as Toggle, p as ToggleGroup, m as ToggleGroupItem, c as toggleSizes, s as toggleVariants };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("./currency.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={xs:`text-base leading-6 sm:text-lg sm:leading-7`,sm:`text-lg leading-7 sm:text-xl sm:leading-8`,md:`text-xl leading-8 sm:text-2xl sm:leading-9`,lg:`text-2xl leading-9 sm:text-3xl sm:leading-10`,xl:`text-3xl leading-10 sm:text-4xl sm:leading-[2.9rem] lg:text-5xl lg:leading-[3.5rem]`,"2xl":`text-4xl leading-[2.9rem] sm:text-5xl sm:leading-[3.5rem] lg:text-6xl lg:leading-[4.25rem]`},a={h1:`2xl`,h2:`xl`,h3:`lg`,h4:`md`,h5:`sm`,h6:`xs`},o={default:`text-foreground`,muted:`text-muted-foreground`,accent:`text-accent-700 dark:text-accent-300`},s={normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},c=(0,n.forwardRef)(({as:t=`h2`,size:n,tone:c=`default`,weight:l=`semibold`,balance:u=!0,className:d,...f},p)=>(0,r.jsx)(t,{ref:p,className:e.t(`min-w-0 font-display tracking-tight`,i[n??a[t]],o[c],s[l],u&&`text-balance`,d),...f}));c.displayName=`Heading`;var l={body:`text-base leading-7 text-foreground`,lead:`text-lg leading-8 text-muted-foreground`,muted:`text-sm leading-6 text-muted-foreground`,caption:`text-xs leading-5 text-muted-foreground`,overline:`text-xs leading-5 font-semibold uppercase tracking-wider text-muted-foreground`,date:`text-sm leading-6 text-foreground tabular-nums`,time:`text-sm leading-6 text-foreground tabular-nums`,currency:`text-sm leading-6 font-medium text-foreground tabular-nums`},u={xs:`text-xs leading-5`,sm:`text-sm leading-6`,md:`text-base leading-7`,lg:`text-lg leading-8`},d={left:`text-left`,center:`text-center`,right:`text-right`},f={normal:`whitespace-normal`,nowrap:`truncate whitespace-nowrap`,balance:`text-balance`,pretty:`text-pretty`};function p(e){if(e instanceof Date)return Number.isFinite(e.getTime())?{date:e,dateTime:e.toISOString()}:null;if(typeof e==`number`){let t=new Date(e);return Number.isFinite(t.getTime())?{date:t,dateTime:t.toISOString()}:null}if(typeof e==`bigint`)return null;let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e);if(t){let n=Number(t[1]),r=Number(t[2]),i=Number(t[3]),a=new Date(Date.UTC(n,r-1,i,12));return a.getUTCFullYear()===n&&a.getUTCMonth()===r-1&&a.getUTCDate()===i?{date:a,dateTime:e,dateOnly:!0}:null}let n=new Date(e);return Number.isFinite(n.getTime())?{date:n,dateTime:e}:null}function m(e){if(typeof e==`string`){let t=/^([01]\d|2[0-3]):([0-5]\d)(?::([0-5]\d))?$/.exec(e);if(t)return{date:new Date(1970,0,1,Number(t[1]),Number(t[2]),Number(t[3]??0)),dateTime:e}}return p(e)}function h(e,t,n,r,i,a){let o=e===`date`?p(t):m(t);if(!o)return{formatted:null,parsed:null};try{let t=e===`date`?a?.dateStyle!==void 0:a?.timeStyle!==void 0,s=e===`date`?t?{}:{year:`numeric`,month:`short`,day:`numeric`}:t?{}:{hour:`numeric`,minute:`2-digit`};return{formatted:new Intl.DateTimeFormat(n,{...s,...a,...o.dateOnly?{timeZone:`UTC`}:r?{timeZone:r}:{},...e===`time`&&i!==void 0?{hour12:i}:{}}).format(o.date),parsed:o}}catch{return{formatted:null,parsed:o}}}var g=(0,n.forwardRef)(({as:n,variant:i=`body`,size:a,weight:o,align:c=`left`,wrap:p,children:m,value:g,locale:_=`en-US`,timeZone:v,hour12:y,formatOptions:b,currency:x=`USD`,accounting:S=!1,currencyOptions:C,dateTime:w,fallback:T=`—`,className:E,...D},O)=>{let k=i===`date`||i===`time`?i:null,A=i===`currency`,j=n??(k?`time`:A?`span`:`p`),M=k&&g!==void 0?h(k,g,_,v,y,b):null,N=A&&(typeof g==`number`||typeof g==`bigint`)?t.formatCurrency(g,{currency:x,locale:_,accounting:S,options:C}):null,P=k!==null||A,F=P&&g!==void 0&&(k?M?.formatted===null:N===null),I=p??(P?`nowrap`:`normal`);return(0,r.jsx)(j,{ref:O,dateTime:j===`time`?w??M?.parsed?.dateTime:void 0,"data-invalid":F?!0:void 0,className:e.t(`min-w-0`,l[i],a&&u[a],o&&s[o],d[c],f[I],A&&(typeof g==`bigint`?g<0n:typeof g==`number`&&g<0)&&`text-destructive`,E),...D,children:k&&g!==void 0?M?.formatted??T:A&&g!==void 0?N??T:m})});g.displayName=`Text`;var _=(0,n.forwardRef)((e,t)=>(0,r.jsx)(g,{ref:t,variant:`time`,...e}));_.displayName=`Time`;var v={sm:`text-sm leading-6`,md:`text-base leading-7`,lg:`text-lg leading-8`},y={none:`max-w-none`,sm:`max-w-3xl`,md:`max-w-5xl`,lg:`max-w-7xl`},b=[`break-words text-foreground`,`[&_h1]:mt-10 [&_h1]:mb-4 [&_h1]:font-display [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:leading-tight [&_h1]:tracking-tight sm:[&_h1]:text-4xl`,`[&_h2]:mt-9 [&_h2]:mb-3 [&_h2]:font-display [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:leading-tight [&_h2]:tracking-tight`,`[&_h3]:mt-7 [&_h3]:mb-2 [&_h3]:font-display [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:leading-snug`,`[&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:font-display [&_h4]:text-lg [&_h4]:font-semibold`,`[&_p]:my-4 [&_p]:text-muted-foreground`,`[&_strong]:font-semibold [&_strong]:text-foreground`,`[&_ul]:my-4 [&_ul]:list-disc [&_ul]:space-y-1.5 [&_ul]:pl-6`,`[&_ol]:my-4 [&_ol]:list-decimal [&_ol]:space-y-1.5 [&_ol]:pl-6`,`[&_li]:pl-1 [&_li]:text-muted-foreground [&_li::marker]:text-border-strong`,`[&_a]:rounded-sm [&_a]:font-medium [&_a]:text-accent-700 [&_a]:underline [&_a]:decoration-accent-300 [&_a]:underline-offset-4 hover:[&_a]:text-accent-800`,`[&_a]:focus-visible:outline-none [&_a]:focus-visible:ring-2 [&_a]:focus-visible:ring-focus-ring/35`,`[&_blockquote]:my-6 [&_blockquote]:border-l-4 [&_blockquote]:border-accent-400 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-muted-foreground`,`[&_code]:rounded-md [&_code]:border [&_code]:border-border [&_code]:bg-surface-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.875em] [&_code]:text-foreground`,`[&_pre]:my-6 [&_pre]:max-w-full [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border [&_pre]:bg-surface-muted [&_pre]:p-4`,`[&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0`,`[&_hr]:my-8 [&_hr]:border-border`,`[&_img]:my-6 [&_img]:h-auto [&_img]:max-w-full [&_img]:rounded-lg`,`[&_table]:my-6 [&_table]:w-full [&_table]:border-collapse [&_th]:border-b [&_th]:border-border [&_th]:p-2 [&_th]:text-left [&_th]:text-xs [&_th]:font-semibold`,`[&_td]:border-b [&_td]:border-border [&_td]:p-2 [&_td]:align-top [&_td]:text-sm [&_td]:text-muted-foreground`,`[&>*:first-child]:mt-0 [&>*:last-child]:mb-0`].join(` `),x=(0,n.forwardRef)(({as:t=`article`,size:n=`md`,width:i=`sm`,className:a,...o},s)=>(0,r.jsx)(t,{ref:s,className:e.t(`w-full min-w-0`,v[n],y[i],b,a),...o}));x.displayName=`Prose`,exports.Heading=c,exports.Prose=x,exports.Text=g,exports.Time=_;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { CurrencyFormatOptions } from './currency';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
4
|
+
export type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
5
|
+
export type TypographyTone = "default" | "muted" | "accent";
|
|
6
|
+
export type TypographyWeight = "normal" | "medium" | "semibold" | "bold";
|
|
7
|
+
export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
8
|
+
as?: HeadingElement;
|
|
9
|
+
size?: HeadingSize;
|
|
10
|
+
tone?: TypographyTone;
|
|
11
|
+
weight?: TypographyWeight;
|
|
12
|
+
balance?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const Heading: import('react').ForwardRefExoticComponent<HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
15
|
+
export type TextElement = "p" | "span" | "div" | "time";
|
|
16
|
+
export type TextVariant = "body" | "lead" | "muted" | "caption" | "overline" | "date" | "time" | "currency";
|
|
17
|
+
export type TextSize = "xs" | "sm" | "md" | "lg";
|
|
18
|
+
export type TextAlign = "left" | "center" | "right";
|
|
19
|
+
export type TextWrap = "normal" | "nowrap" | "balance" | "pretty";
|
|
20
|
+
export type TextFormatValue = Date | number | bigint | string;
|
|
21
|
+
export interface TextProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
|
|
22
|
+
as?: TextElement;
|
|
23
|
+
variant?: TextVariant;
|
|
24
|
+
size?: TextSize;
|
|
25
|
+
weight?: TypographyWeight;
|
|
26
|
+
align?: TextAlign;
|
|
27
|
+
wrap?: TextWrap;
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
value?: TextFormatValue;
|
|
30
|
+
locale?: Intl.LocalesArgument;
|
|
31
|
+
timeZone?: string;
|
|
32
|
+
hour12?: boolean;
|
|
33
|
+
formatOptions?: Intl.DateTimeFormatOptions;
|
|
34
|
+
currency?: string;
|
|
35
|
+
accounting?: boolean;
|
|
36
|
+
currencyOptions?: CurrencyFormatOptions;
|
|
37
|
+
dateTime?: string;
|
|
38
|
+
fallback?: ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
41
|
+
export type TimeProps = Omit<TextProps, "variant" | "currency" | "currencyOptions" | "accounting">;
|
|
42
|
+
export declare const Time: import('react').ForwardRefExoticComponent<TimeProps & import('react').RefAttributes<HTMLElement>>;
|
|
43
|
+
export type ProseElement = "div" | "article" | "section";
|
|
44
|
+
export type ProseSize = "sm" | "md" | "lg";
|
|
45
|
+
export type ProseWidth = "none" | "sm" | "md" | "lg";
|
|
46
|
+
export interface ProseProps extends HTMLAttributes<HTMLElement> {
|
|
47
|
+
as?: ProseElement;
|
|
48
|
+
size?: ProseSize;
|
|
49
|
+
width?: ProseWidth;
|
|
50
|
+
}
|
|
51
|
+
export declare const Prose: import('react').ForwardRefExoticComponent<ProseProps & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { t as e } from "../cn-DpgY2leY.js";
|
|
2
|
+
import { formatCurrency as t } from "./currency.js";
|
|
3
|
+
import { forwardRef as n } from "react";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/typography.tsx
|
|
6
|
+
var i = {
|
|
7
|
+
xs: "text-base leading-6 sm:text-lg sm:leading-7",
|
|
8
|
+
sm: "text-lg leading-7 sm:text-xl sm:leading-8",
|
|
9
|
+
md: "text-xl leading-8 sm:text-2xl sm:leading-9",
|
|
10
|
+
lg: "text-2xl leading-9 sm:text-3xl sm:leading-10",
|
|
11
|
+
xl: "text-3xl leading-10 sm:text-4xl sm:leading-[2.9rem] lg:text-5xl lg:leading-[3.5rem]",
|
|
12
|
+
"2xl": "text-4xl leading-[2.9rem] sm:text-5xl sm:leading-[3.5rem] lg:text-6xl lg:leading-[4.25rem]"
|
|
13
|
+
}, a = {
|
|
14
|
+
h1: "2xl",
|
|
15
|
+
h2: "xl",
|
|
16
|
+
h3: "lg",
|
|
17
|
+
h4: "md",
|
|
18
|
+
h5: "sm",
|
|
19
|
+
h6: "xs"
|
|
20
|
+
}, o = {
|
|
21
|
+
default: "text-foreground",
|
|
22
|
+
muted: "text-muted-foreground",
|
|
23
|
+
accent: "text-accent-700 dark:text-accent-300"
|
|
24
|
+
}, s = {
|
|
25
|
+
normal: "font-normal",
|
|
26
|
+
medium: "font-medium",
|
|
27
|
+
semibold: "font-semibold",
|
|
28
|
+
bold: "font-bold"
|
|
29
|
+
}, c = n(({ as: t = "h2", size: n, tone: c = "default", weight: l = "semibold", balance: u = !0, className: d, ...f }, p) => /* @__PURE__ */ r(t, {
|
|
30
|
+
ref: p,
|
|
31
|
+
className: e("min-w-0 font-display tracking-tight", i[n ?? a[t]], o[c], s[l], u && "text-balance", d),
|
|
32
|
+
...f
|
|
33
|
+
}));
|
|
34
|
+
c.displayName = "Heading";
|
|
35
|
+
var l = {
|
|
36
|
+
body: "text-base leading-7 text-foreground",
|
|
37
|
+
lead: "text-lg leading-8 text-muted-foreground",
|
|
38
|
+
muted: "text-sm leading-6 text-muted-foreground",
|
|
39
|
+
caption: "text-xs leading-5 text-muted-foreground",
|
|
40
|
+
overline: "text-xs leading-5 font-semibold uppercase tracking-wider text-muted-foreground",
|
|
41
|
+
date: "text-sm leading-6 text-foreground tabular-nums",
|
|
42
|
+
time: "text-sm leading-6 text-foreground tabular-nums",
|
|
43
|
+
currency: "text-sm leading-6 font-medium text-foreground tabular-nums"
|
|
44
|
+
}, u = {
|
|
45
|
+
xs: "text-xs leading-5",
|
|
46
|
+
sm: "text-sm leading-6",
|
|
47
|
+
md: "text-base leading-7",
|
|
48
|
+
lg: "text-lg leading-8"
|
|
49
|
+
}, d = {
|
|
50
|
+
left: "text-left",
|
|
51
|
+
center: "text-center",
|
|
52
|
+
right: "text-right"
|
|
53
|
+
}, f = {
|
|
54
|
+
normal: "whitespace-normal",
|
|
55
|
+
nowrap: "truncate whitespace-nowrap",
|
|
56
|
+
balance: "text-balance",
|
|
57
|
+
pretty: "text-pretty"
|
|
58
|
+
};
|
|
59
|
+
function p(e) {
|
|
60
|
+
if (e instanceof Date) return Number.isFinite(e.getTime()) ? {
|
|
61
|
+
date: e,
|
|
62
|
+
dateTime: e.toISOString()
|
|
63
|
+
} : null;
|
|
64
|
+
if (typeof e == "number") {
|
|
65
|
+
let t = new Date(e);
|
|
66
|
+
return Number.isFinite(t.getTime()) ? {
|
|
67
|
+
date: t,
|
|
68
|
+
dateTime: t.toISOString()
|
|
69
|
+
} : null;
|
|
70
|
+
}
|
|
71
|
+
if (typeof e == "bigint") return null;
|
|
72
|
+
let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
|
|
73
|
+
if (t) {
|
|
74
|
+
let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(Date.UTC(n, r - 1, i, 12));
|
|
75
|
+
return a.getUTCFullYear() === n && a.getUTCMonth() === r - 1 && a.getUTCDate() === i ? {
|
|
76
|
+
date: a,
|
|
77
|
+
dateTime: e,
|
|
78
|
+
dateOnly: !0
|
|
79
|
+
} : null;
|
|
80
|
+
}
|
|
81
|
+
let n = new Date(e);
|
|
82
|
+
return Number.isFinite(n.getTime()) ? {
|
|
83
|
+
date: n,
|
|
84
|
+
dateTime: e
|
|
85
|
+
} : null;
|
|
86
|
+
}
|
|
87
|
+
function m(e) {
|
|
88
|
+
if (typeof e == "string") {
|
|
89
|
+
let t = /^([01]\d|2[0-3]):([0-5]\d)(?::([0-5]\d))?$/.exec(e);
|
|
90
|
+
if (t) return {
|
|
91
|
+
date: new Date(1970, 0, 1, Number(t[1]), Number(t[2]), Number(t[3] ?? 0)),
|
|
92
|
+
dateTime: e
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
return p(e);
|
|
96
|
+
}
|
|
97
|
+
function h(e, t, n, r, i, a) {
|
|
98
|
+
let o = e === "date" ? p(t) : m(t);
|
|
99
|
+
if (!o) return {
|
|
100
|
+
formatted: null,
|
|
101
|
+
parsed: null
|
|
102
|
+
};
|
|
103
|
+
try {
|
|
104
|
+
let t = e === "date" ? a?.dateStyle !== void 0 : a?.timeStyle !== void 0, s = e === "date" ? t ? {} : {
|
|
105
|
+
year: "numeric",
|
|
106
|
+
month: "short",
|
|
107
|
+
day: "numeric"
|
|
108
|
+
} : t ? {} : {
|
|
109
|
+
hour: "numeric",
|
|
110
|
+
minute: "2-digit"
|
|
111
|
+
};
|
|
112
|
+
return {
|
|
113
|
+
formatted: new Intl.DateTimeFormat(n, {
|
|
114
|
+
...s,
|
|
115
|
+
...a,
|
|
116
|
+
...o.dateOnly ? { timeZone: "UTC" } : r ? { timeZone: r } : {},
|
|
117
|
+
...e === "time" && i !== void 0 ? { hour12: i } : {}
|
|
118
|
+
}).format(o.date),
|
|
119
|
+
parsed: o
|
|
120
|
+
};
|
|
121
|
+
} catch {
|
|
122
|
+
return {
|
|
123
|
+
formatted: null,
|
|
124
|
+
parsed: o
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
var g = n(({ as: n, variant: i = "body", size: a, weight: o, align: c = "left", wrap: p, children: m, value: g, locale: _ = "en-US", timeZone: v, hour12: y, formatOptions: b, currency: x = "USD", accounting: S = !1, currencyOptions: C, dateTime: w, fallback: T = "—", className: E, ...D }, O) => {
|
|
129
|
+
let k = i === "date" || i === "time" ? i : null, A = i === "currency", j = n ?? (k ? "time" : A ? "span" : "p"), M = k && g !== void 0 ? h(k, g, _, v, y, b) : null, N = A && (typeof g == "number" || typeof g == "bigint") ? t(g, {
|
|
130
|
+
currency: x,
|
|
131
|
+
locale: _,
|
|
132
|
+
accounting: S,
|
|
133
|
+
options: C
|
|
134
|
+
}) : null, P = k !== null || A, F = P && g !== void 0 && (k ? M?.formatted === null : N === null), I = p ?? (P ? "nowrap" : "normal");
|
|
135
|
+
return /* @__PURE__ */ r(j, {
|
|
136
|
+
ref: O,
|
|
137
|
+
dateTime: j === "time" ? w ?? M?.parsed?.dateTime : void 0,
|
|
138
|
+
"data-invalid": F ? !0 : void 0,
|
|
139
|
+
className: e("min-w-0", l[i], a && u[a], o && s[o], d[c], f[I], A && (typeof g == "bigint" ? g < 0n : typeof g == "number" && g < 0) && "text-destructive", E),
|
|
140
|
+
...D,
|
|
141
|
+
children: k && g !== void 0 ? M?.formatted ?? T : A && g !== void 0 ? N ?? T : m
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
g.displayName = "Text";
|
|
145
|
+
var _ = n((e, t) => /* @__PURE__ */ r(g, {
|
|
146
|
+
ref: t,
|
|
147
|
+
variant: "time",
|
|
148
|
+
...e
|
|
149
|
+
}));
|
|
150
|
+
_.displayName = "Time";
|
|
151
|
+
var v = {
|
|
152
|
+
sm: "text-sm leading-6",
|
|
153
|
+
md: "text-base leading-7",
|
|
154
|
+
lg: "text-lg leading-8"
|
|
155
|
+
}, y = {
|
|
156
|
+
none: "max-w-none",
|
|
157
|
+
sm: "max-w-3xl",
|
|
158
|
+
md: "max-w-5xl",
|
|
159
|
+
lg: "max-w-7xl"
|
|
160
|
+
}, b = [
|
|
161
|
+
"break-words text-foreground",
|
|
162
|
+
"[&_h1]:mt-10 [&_h1]:mb-4 [&_h1]:font-display [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:leading-tight [&_h1]:tracking-tight sm:[&_h1]:text-4xl",
|
|
163
|
+
"[&_h2]:mt-9 [&_h2]:mb-3 [&_h2]:font-display [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:leading-tight [&_h2]:tracking-tight",
|
|
164
|
+
"[&_h3]:mt-7 [&_h3]:mb-2 [&_h3]:font-display [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:leading-snug",
|
|
165
|
+
"[&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:font-display [&_h4]:text-lg [&_h4]:font-semibold",
|
|
166
|
+
"[&_p]:my-4 [&_p]:text-muted-foreground",
|
|
167
|
+
"[&_strong]:font-semibold [&_strong]:text-foreground",
|
|
168
|
+
"[&_ul]:my-4 [&_ul]:list-disc [&_ul]:space-y-1.5 [&_ul]:pl-6",
|
|
169
|
+
"[&_ol]:my-4 [&_ol]:list-decimal [&_ol]:space-y-1.5 [&_ol]:pl-6",
|
|
170
|
+
"[&_li]:pl-1 [&_li]:text-muted-foreground [&_li::marker]:text-border-strong",
|
|
171
|
+
"[&_a]:rounded-sm [&_a]:font-medium [&_a]:text-accent-700 [&_a]:underline [&_a]:decoration-accent-300 [&_a]:underline-offset-4 hover:[&_a]:text-accent-800",
|
|
172
|
+
"[&_a]:focus-visible:outline-none [&_a]:focus-visible:ring-2 [&_a]:focus-visible:ring-focus-ring/35",
|
|
173
|
+
"[&_blockquote]:my-6 [&_blockquote]:border-l-4 [&_blockquote]:border-accent-400 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-muted-foreground",
|
|
174
|
+
"[&_code]:rounded-md [&_code]:border [&_code]:border-border [&_code]:bg-surface-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.875em] [&_code]:text-foreground",
|
|
175
|
+
"[&_pre]:my-6 [&_pre]:max-w-full [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border [&_pre]:bg-surface-muted [&_pre]:p-4",
|
|
176
|
+
"[&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0",
|
|
177
|
+
"[&_hr]:my-8 [&_hr]:border-border",
|
|
178
|
+
"[&_img]:my-6 [&_img]:h-auto [&_img]:max-w-full [&_img]:rounded-lg",
|
|
179
|
+
"[&_table]:my-6 [&_table]:w-full [&_table]:border-collapse [&_th]:border-b [&_th]:border-border [&_th]:p-2 [&_th]:text-left [&_th]:text-xs [&_th]:font-semibold",
|
|
180
|
+
"[&_td]:border-b [&_td]:border-border [&_td]:p-2 [&_td]:align-top [&_td]:text-sm [&_td]:text-muted-foreground",
|
|
181
|
+
"[&>*:first-child]:mt-0 [&>*:last-child]:mb-0"
|
|
182
|
+
].join(" "), x = n(({ as: t = "article", size: n = "md", width: i = "sm", className: a, ...o }, s) => /* @__PURE__ */ r(t, {
|
|
183
|
+
ref: s,
|
|
184
|
+
className: e("w-full min-w-0", v[n], y[i], b, a),
|
|
185
|
+
...o
|
|
186
|
+
}));
|
|
187
|
+
x.displayName = "Prose";
|
|
188
|
+
//#endregion
|
|
189
|
+
export { c as Heading, x as Prose, g as Text, _ as Time };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./cn-BdjraxxU.cjs"),t=require("./components/accordion.cjs"),n=require("./calendar-CUXpVrVE.cjs"),r=require("./components/alert.cjs"),i=require("./components/auth-backdrop.cjs"),a=require("./autocomplete-Bk4pRQ2R.cjs"),o=require("./use-event-callback-Du9_9eAi.cjs"),s=require("./components/avatar.cjs"),c=require("./components/badge.cjs"),l=require("./components/billing-interval-toggle.cjs"),u=require("./components/breadcrumb.cjs"),d=require("./components/button.cjs"),f=require("./components/callout.cjs"),p=require("./components/card.cjs"),m=require("./charts-UDqS1BH1.cjs"),h=require("./components/checkbox.cjs"),g=require("./components/code.cjs"),_=require("./focus-DmG6Ge7X.cjs"),v=require("./components/command.cjs"),y=require("./components/modal.cjs"),b=require("./components/confirm-dialog.cjs"),x=require("./components/copy-button.cjs"),ee=require("./datatable-rzDgQ3r6.cjs"),te=require("./components/datepicker.cjs"),ne=require("./theme-toggle-Cld8tktJ.cjs"),re=require("./drawer-CTeBsYrO.cjs"),ie=require("./components/dropdown-menu.cjs"),ae=require("./components/empty-state.cjs"),oe=require("./components/error-state.cjs"),se=require("./components/file-upload.cjs"),S=require("./components/form-field.cjs"),C=require("./components/input.cjs"),w=require("./components/info-button.cjs"),T=require("./components/kbd.cjs"),E=require("./components/label.cjs"),D=require("./components/link.cjs"),O=require("./components/list.cjs"),k=require("./components/layout.cjs"),A=require("./components/navigation.cjs"),j=require("./components/number-input.cjs"),M=require("./components/otp-input.cjs"),N=require("./components/pagination.cjs"),P=require("./components/popover.cjs"),F=require("./components/progressbar.cjs"),I=require("./components/radio.cjs"),L=require("./components/richtext.cjs"),R=require("./select-BFwx--uK.cjs"),z=require("./components/separator.cjs"),B=require("./components/skeleton.cjs"),V=require("./components/slider.cjs"),H=require("./components/snackbar.cjs"),U=require("./components/spinner.cjs"),W=require("./components/stat.cjs"),G=require("./components/status-dot.cjs"),ce=require("./components/stepper.cjs"),le=require("./components/switch.cjs"),K=require("./components/table.cjs"),q=require("./components/tabs.cjs"),ue=require("./components/tag.cjs"),J=require("./terminal-CpraMs50.cjs"),de=require("./components/textarea.cjs"),fe=require("./components/timeline.cjs"),pe=require("./components/tooltip.cjs"),Y=require("./components/theme-provider.cjs"),me=require("./components/tree.cjs"),X=require("./components/seo.cjs");let Z=require("react"),Q=require("react/jsx-runtime");function he(){let e=(0,Z.useRef)(!1);return(0,Z.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),(0,Z.useCallback)(()=>e.current,[])}var ge=typeof window<`u`?Z.useLayoutEffect:Z.useEffect;function _e(e){let t=(0,Z.useRef)(void 0);return(0,Z.useEffect)(()=>{t.current=e},[e]),t.current}function ve(e,t){let n=(0,Z.useRef)(!1);(0,Z.useEffect)(()=>{if(!n.current){n.current=!0;return}return e()},t)}function ye({value:e,defaultValue:t,onChange:n}){let[r,i]=(0,Z.useState)(t),a=e!==void 0;return[a?e:r,(0,Z.useCallback)(e=>{a||i(e),n?.(e)},[a,n])]}function be(e){let[t,n]=(0,Z.useState)(()=>typeof window>`u`||window.matchMedia===void 0?!1:window.matchMedia(e).matches);return(0,Z.useEffect)(()=>{let t=window.matchMedia(e),r=()=>n(t.matches);return t.addEventListener?t.addEventListener(`change`,r):t.addListener(r),()=>{t.removeEventListener?t.removeEventListener(`change`,r):t.removeListener(r)}},[e]),t}function $(e=[]){let t=(0,Z.useRef)(null);return t.current===null&&(t.current=new AbortController),(0,Z.useEffect)(()=>{let e=new AbortController;return t.current=e,()=>e.abort()},e),t.current.signal}function xe(e=`rui-portal`){if(typeof document>`u`)return null;let t=document.getElementById(e);return t||(t=document.createElement(`div`),t.id=e,document.body.appendChild(t)),t}function Se(e,t){if(!e)throw Error(t)}var Ce=class extends Z.Component{state={hasError:!1,error:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.props.onError?.(e,t)}reset=()=>{this.props.onReset?.(),this.setState({hasError:!1,error:null})};render(){if(this.state.hasError){let{fallback:e}=this.props;return typeof e==`function`?e(this.state.error,this.reset):e||(0,Q.jsxs)(`div`,{role:`alert`,className:`rounded-lg border border-red-500/20 bg-red-500/[0.06] p-4 text-sm text-red-700 dark:text-red-300`,children:[(0,Q.jsx)(`p`,{className:`font-medium`,children:`Something went wrong.`}),(0,Q.jsx)(`p`,{className:`mt-1 text-xs opacity-80`,children:this.state.error?.message}),(0,Q.jsx)(`button`,{type:`button`,onClick:this.reset,className:`mt-3 rounded-md bg-red-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-red-500`,children:`Try again`})]})}return this.props.children}};function we(e,t){let n=(0,Z.useRef)(null);(0,Z.useEffect)(()=>{let t=new AbortController;n.current=t;let r=!0,i=e({signal:t.signal,isMounted:()=>r});return()=>{r=!1,t.abort(),typeof i==`function`&&i()}},t)}function Te(e){let t=o.t(e);(0,Z.useEffect)(()=>t(),[t])}function Ee(e){let t=o.t(e);(0,Z.useEffect)(()=>()=>t(),[t])}exports.Accordion=t.Accordion,exports.Alert=r.Alert,exports.AppShell=k.AppShell,exports.AppShellBody=k.AppShellBody,exports.AppShellHeader=k.AppShellHeader,exports.AppShellMain=k.AppShellMain,exports.ArticleJsonLd=X.ArticleJsonLd,exports.AuthBackdrop=i.AuthBackdrop,exports.Autocomplete=a.t,exports.Avatar=s.Avatar,exports.Badge=c.Badge,exports.BarChart=m.u,exports.BillingIntervalToggle=l.BillingIntervalToggle,exports.BottomBar=A.BottomBar,exports.BrandLink=A.BrandLink,exports.Breadcrumb=u.Breadcrumb,exports.BreadcrumbJsonLd=X.BreadcrumbJsonLd,exports.Button=d.Button,exports.Calendar=n.t,exports.Callout=f.Callout,exports.Card=p.Card,exports.CardBody=p.CardBody,exports.CardDescription=p.CardDescription,exports.CardFooter=p.CardFooter,exports.CardHeader=p.CardHeader,exports.CardTitle=p.CardTitle,exports.Checkbox=h.Checkbox,exports.CodeBlock=g.CodeBlock,exports.CodeEditor=g.CodeEditor,exports.Collapsible=t.Collapsible,exports.CommandPalette=v.CommandPalette,exports.CommandProvider=v.CommandProvider,exports.ConfirmDialog=b.ConfirmDialog,exports.Container=k.Container,exports.CopyButton=x.CopyButton,exports.DURATIONS=_.r,exports.DataTable=ee.t,exports.DatePicker=te.DatePicker,exports.DonutChart=m.s,exports.Drawer=re.t,exports.DropdownMenu=ie.DropdownMenu,exports.EmptyState=ae.EmptyState,exports.ErrorBoundary=Ce,exports.ErrorState=oe.ErrorState,exports.FOCUSABLE_SELECTOR=_.i,exports.FileUpload=se.FileUpload,exports.Footer=k.Footer,exports.FormField=S.FormField,exports.FunnelChart=m.n,exports.GanttChart=m.a,exports.HeatmapChart=m.i,exports.IconButton=A.IconButton,exports.InfoButton=w.InfoButton,exports.Inline=k.Inline,exports.InlineCode=g.InlineCode,exports.Input=C.Input,exports.KEY=_.a,exports.Kbd=T.Kbd,exports.Label=E.Label,exports.LineChart=m.l,exports.Link=D.Link,exports.List=O.List,exports.ListItem=O.ListItem,exports.Modal=y.Modal,exports.ModalBody=y.ModalBody,exports.ModalDescription=y.ModalDescription,exports.ModalFooter=y.ModalFooter,exports.ModalHeader=y.ModalHeader,exports.ModalTitle=y.ModalTitle,exports.MultiLineChart=m.c,exports.Navbar=A.Navbar,exports.NavigationLink=A.NavigationLink,exports.NumberInput=j.NumberInput,exports.OtpInput=M.OtpInput,exports.PageHeader=k.PageHeader,exports.Pagination=N.Pagination,exports.Popover=P.Popover,exports.PopoverContent=P.PopoverContent,exports.Progressbar=F.Progressbar,exports.RadarChart=m.r,exports.Radio=I.Radio,exports.RadioGroup=I.RadioGroup,exports.RichTextEditor=L.RichTextEditor,exports.ScatterChart=m.o,exports.Select=R.t,exports.SeoImage=X.SeoImage,exports.Separator=z.Separator,exports.Sidebar=A.Sidebar,exports.Skeleton=B.Skeleton,exports.SkeletonAvatar=B.SkeletonAvatar,exports.SkeletonCard=B.SkeletonCard,exports.SkeletonTable=B.SkeletonTable,exports.SkeletonText=B.SkeletonText,exports.SkeletonTopbar=B.SkeletonTopbar,exports.Slider=V.Slider,exports.SnackbarProvider=H.SnackbarProvider,exports.Spinner=U.Spinner,exports.Stack=k.Stack,exports.Stat=W.Stat,exports.StatusDot=G.StatusDot,exports.Stepper=ce.Stepper,exports.StructuredData=X.StructuredData,exports.Switch=le.Switch,exports.Table=K.Table,exports.TableBody=K.TableBody,exports.TableCell=K.TableCell,exports.TableHead=K.TableHead,exports.TableHeader=K.TableHeader,exports.TableRow=K.TableRow,exports.Tabs=q.Tabs,exports.TabsContent=q.TabsContent,exports.TabsList=q.TabsList,exports.TabsTrigger=q.TabsTrigger,exports.Tag=ue.Tag,exports.TerminalBlock=J.n,exports.TerminalEmulator=J.t,exports.Textarea=de.Textarea,exports.ThemeProvider=Y.ThemeProvider,exports.ThemeToggle=ne.t,exports.Timeline=fe.Timeline,exports.Tooltip=pe.Tooltip,exports.Topbar=A.Topbar,exports.TopbarTitle=A.TopbarTitle,exports.Tree=me.Tree,exports.WaterfallChart=m.t,exports.badgeVariants=c.badgeVariants,exports.buttonSizes=d.buttonSizes,exports.buttonVariants=d.buttonVariants,exports.cardVariants=p.cardVariants,exports.cn=e.t,exports.getFocusable=_.t,exports.invariant=Se,exports.portalTarget=xe,exports.trapFocus=_.n,exports.useAbortSignal=$,exports.useCommand=v.useCommand,exports.useControllableState=ye,exports.useEventCallback=o.t,exports.useIsMounted=he,exports.useIsomorphicLayoutEffect=ge,exports.useMediaQuery=be,exports.useMountEffect=Te,exports.usePrevious=_e,exports.useSafeEffect=we,exports.useSnackbar=H.useSnackbar,exports.useTheme=Y.useTheme,exports.useUnmountEffect=Ee,exports.useUpdateEffect=ve;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./cn-BdjraxxU.cjs"),t=require("./components/accordion.cjs"),n=require("./components/aspect-ratio.cjs"),r=require("./calendar-CUXpVrVE.cjs"),i=require("./components/alert.cjs"),a=require("./components/auth-backdrop.cjs"),o=require("./autocomplete-Bk4pRQ2R.cjs"),s=require("./use-event-callback-Du9_9eAi.cjs"),c=require("./components/avatar.cjs"),l=require("./components/avatar-group.cjs"),u=require("./components/badge.cjs"),ee=require("./components/billing-interval-toggle.cjs"),te=require("./components/blockquote.cjs"),ne=require("./components/breadcrumb.cjs"),d=require("./components/button.cjs"),f=require("./components/button-group.cjs"),p=require("./components/callout.cjs"),m=require("./components/card.cjs"),h=require("./charts-UDqS1BH1.cjs"),re=require("./components/checkbox.cjs"),g=require("./components/code.cjs"),_=require("./focus-DmG6Ge7X.cjs"),v=require("./components/command.cjs"),y=require("./components/modal.cjs"),ie=require("./components/confirm-dialog.cjs"),ae=require("./components/copy-button.cjs"),b=require("./components/currency.cjs"),oe=require("./datatable-rzDgQ3r6.cjs"),x=require("./components/datepicker.cjs"),S=require("./components/description-list.cjs"),se=require("./components/divider.cjs"),ce=require("./theme-toggle-Cld8tktJ.cjs"),le=require("./drawer-CTeBsYrO.cjs"),ue=require("./components/dropdown-menu.cjs"),de=require("./components/empty-state.cjs"),fe=require("./components/error-state.cjs"),C=require("./components/file-upload.cjs"),w=require("./components/form-field.cjs"),T=require("./components/input.cjs"),E=require("./components/info-button.cjs"),D=require("./components/kbd.cjs"),O=require("./components/label.cjs"),k=require("./components/link.cjs"),A=require("./components/list.cjs"),j=require("./components/layout.cjs"),M=require("./components/navigation.cjs"),N=require("./components/number-input.cjs"),P=require("./components/otp-input.cjs"),F=require("./components/pagination.cjs"),I=require("./components/popover.cjs"),L=require("./components/progressbar.cjs"),R=require("./components/radio.cjs"),z=require("./components/rating.cjs"),B=require("./components/richtext.cjs"),V=require("./components/scroll-area.cjs"),pe=require("./select-BFwx--uK.cjs"),me=require("./components/separator.cjs"),H=require("./components/skeleton.cjs"),he=require("./components/slider.cjs"),U=require("./components/snackbar.cjs"),ge=require("./components/spinner.cjs"),_e=require("./components/stat.cjs"),W=require("./components/status-dot.cjs"),ve=require("./components/stepper.cjs"),ye=require("./components/switch.cjs"),G=require("./components/table.cjs"),K=require("./components/tabs.cjs"),be=require("./components/tag.cjs"),q=require("./terminal-CpraMs50.cjs"),xe=require("./components/textarea.cjs"),Se=require("./components/timeline.cjs"),J=require("./components/toggle.cjs"),Ce=require("./components/tooltip.cjs"),Y=require("./components/theme-provider.cjs"),we=require("./components/time-picker.cjs"),Te=require("./components/tree.cjs"),X=require("./components/typography.cjs"),Z=require("./components/seo.cjs");let Q=require("react"),$=require("react/jsx-runtime");function Ee(){let e=(0,Q.useRef)(!1);return(0,Q.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),(0,Q.useCallback)(()=>e.current,[])}var De=typeof window<`u`?Q.useLayoutEffect:Q.useEffect;function Oe(e){let t=(0,Q.useRef)(void 0);return(0,Q.useEffect)(()=>{t.current=e},[e]),t.current}function ke(e,t){let n=(0,Q.useRef)(!1);(0,Q.useEffect)(()=>{if(!n.current){n.current=!0;return}return e()},t)}function Ae({value:e,defaultValue:t,onChange:n}){let[r,i]=(0,Q.useState)(t),a=e!==void 0;return[a?e:r,(0,Q.useCallback)(e=>{a||i(e),n?.(e)},[a,n])]}function je(e){let[t,n]=(0,Q.useState)(()=>typeof window>`u`||window.matchMedia===void 0?!1:window.matchMedia(e).matches);return(0,Q.useEffect)(()=>{let t=window.matchMedia(e),r=()=>n(t.matches);return t.addEventListener?t.addEventListener(`change`,r):t.addListener(r),()=>{t.removeEventListener?t.removeEventListener(`change`,r):t.removeListener(r)}},[e]),t}function Me(e=[]){let t=(0,Q.useRef)(null);return t.current===null&&(t.current=new AbortController),(0,Q.useEffect)(()=>{let e=new AbortController;return t.current=e,()=>e.abort()},e),t.current.signal}function Ne(e=`rui-portal`){if(typeof document>`u`)return null;let t=document.getElementById(e);return t||(t=document.createElement(`div`),t.id=e,document.body.appendChild(t)),t}function Pe(e,t){if(!e)throw Error(t)}var Fe=class extends Q.Component{state={hasError:!1,error:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.props.onError?.(e,t)}reset=()=>{this.props.onReset?.(),this.setState({hasError:!1,error:null})};render(){if(this.state.hasError){let{fallback:e}=this.props;return typeof e==`function`?e(this.state.error,this.reset):e||(0,$.jsxs)(`div`,{role:`alert`,className:`rounded-lg border border-red-500/20 bg-red-500/[0.06] p-4 text-sm text-red-700 dark:text-red-300`,children:[(0,$.jsx)(`p`,{className:`font-medium`,children:`Something went wrong.`}),(0,$.jsx)(`p`,{className:`mt-1 text-xs opacity-80`,children:this.state.error?.message}),(0,$.jsx)(`button`,{type:`button`,onClick:this.reset,className:`mt-3 rounded-md bg-red-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-red-500`,children:`Try again`})]})}return this.props.children}};function Ie(e,t){let n=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{let t=new AbortController;n.current=t;let r=!0,i=e({signal:t.signal,isMounted:()=>r});return()=>{r=!1,t.abort(),typeof i==`function`&&i()}},t)}function Le(e){let t=s.t(e);(0,Q.useEffect)(()=>t(),[t])}function Re(e){let t=s.t(e);(0,Q.useEffect)(()=>()=>t(),[t])}exports.Accordion=t.Accordion,exports.Alert=i.Alert,exports.AppShell=j.AppShell,exports.AppShellBody=j.AppShellBody,exports.AppShellHeader=j.AppShellHeader,exports.AppShellMain=j.AppShellMain,exports.ArticleJsonLd=Z.ArticleJsonLd,exports.AspectRatio=n.AspectRatio,exports.AuthBackdrop=a.AuthBackdrop,exports.Autocomplete=o.t,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.AvatarGroupOverflow=l.AvatarGroupOverflow,exports.Badge=u.Badge,exports.BarChart=h.u,exports.BillingIntervalToggle=ee.BillingIntervalToggle,exports.Blockquote=te.Blockquote,exports.BottomBar=M.BottomBar,exports.BrandLink=M.BrandLink,exports.Breadcrumb=ne.Breadcrumb,exports.BreadcrumbJsonLd=Z.BreadcrumbJsonLd,exports.Button=d.Button,exports.ButtonGroup=f.ButtonGroup,exports.Calendar=r.t,exports.Callout=p.Callout,exports.Card=m.Card,exports.CardBody=m.CardBody,exports.CardDescription=m.CardDescription,exports.CardFooter=m.CardFooter,exports.CardHeader=m.CardHeader,exports.CardTitle=m.CardTitle,exports.Checkbox=re.Checkbox,exports.CodeBlock=g.CodeBlock,exports.CodeEditor=g.CodeEditor,exports.Collapsible=t.Collapsible,exports.CommandPalette=v.CommandPalette,exports.CommandProvider=v.CommandProvider,exports.ConfirmDialog=ie.ConfirmDialog,exports.Container=j.Container,exports.CopyButton=ae.CopyButton,exports.Currency=b.Currency,exports.DURATIONS=_.r,exports.DataTable=oe.t,exports.DatePicker=x.DatePicker,exports.DescriptionDetails=S.DescriptionDetails,exports.DescriptionItem=S.DescriptionItem,exports.DescriptionList=S.DescriptionList,exports.DescriptionTerm=S.DescriptionTerm,exports.Divider=se.Divider,exports.DonutChart=h.s,exports.Drawer=le.t,exports.DropdownMenu=ue.DropdownMenu,exports.EmptyState=de.EmptyState,exports.ErrorBoundary=Fe,exports.ErrorState=fe.ErrorState,exports.FOCUSABLE_SELECTOR=_.i,exports.FileUpload=C.FileUpload,exports.Footer=j.Footer,exports.FormField=w.FormField,exports.FunnelChart=h.n,exports.GanttChart=h.a,exports.Heading=X.Heading,exports.HeatmapChart=h.i,exports.IconButton=M.IconButton,exports.InfoButton=E.InfoButton,exports.Inline=j.Inline,exports.InlineCode=g.InlineCode,exports.Input=T.Input,exports.KEY=_.a,exports.Kbd=D.Kbd,exports.Label=O.Label,exports.LineChart=h.l,exports.Link=k.Link,exports.List=A.List,exports.ListItem=A.ListItem,exports.Modal=y.Modal,exports.ModalBody=y.ModalBody,exports.ModalDescription=y.ModalDescription,exports.ModalFooter=y.ModalFooter,exports.ModalHeader=y.ModalHeader,exports.ModalTitle=y.ModalTitle,exports.MultiLineChart=h.c,exports.Navbar=M.Navbar,exports.NavigationLink=M.NavigationLink,exports.NumberInput=N.NumberInput,exports.OtpInput=P.OtpInput,exports.PageHeader=j.PageHeader,exports.Pagination=F.Pagination,exports.Popover=I.Popover,exports.PopoverContent=I.PopoverContent,exports.Progressbar=L.Progressbar,exports.Prose=X.Prose,exports.RadarChart=h.r,exports.Radio=R.Radio,exports.RadioGroup=R.RadioGroup,exports.Rating=z.Rating,exports.RichTextEditor=B.RichTextEditor,exports.ScatterChart=h.o,exports.ScrollArea=V.ScrollArea,exports.Select=pe.t,exports.SeoImage=Z.SeoImage,exports.Separator=me.Separator,exports.Sidebar=M.Sidebar,exports.Skeleton=H.Skeleton,exports.SkeletonAvatar=H.SkeletonAvatar,exports.SkeletonCard=H.SkeletonCard,exports.SkeletonTable=H.SkeletonTable,exports.SkeletonText=H.SkeletonText,exports.SkeletonTopbar=H.SkeletonTopbar,exports.Slider=he.Slider,exports.SnackbarProvider=U.SnackbarProvider,exports.Spinner=ge.Spinner,exports.Stack=j.Stack,exports.Stat=_e.Stat,exports.StatusDot=W.StatusDot,exports.Stepper=ve.Stepper,exports.StructuredData=Z.StructuredData,exports.Switch=ye.Switch,exports.Table=G.Table,exports.TableBody=G.TableBody,exports.TableCell=G.TableCell,exports.TableHead=G.TableHead,exports.TableHeader=G.TableHeader,exports.TableRow=G.TableRow,exports.Tabs=K.Tabs,exports.TabsContent=K.TabsContent,exports.TabsList=K.TabsList,exports.TabsTrigger=K.TabsTrigger,exports.Tag=be.Tag,exports.TerminalBlock=q.n,exports.TerminalEmulator=q.t,exports.Text=X.Text,exports.Textarea=xe.Textarea,exports.ThemeProvider=Y.ThemeProvider,exports.ThemeToggle=ce.t,exports.Time=X.Time,exports.TimePicker=we.TimePicker,exports.Timeline=Se.Timeline,exports.Toggle=J.Toggle,exports.ToggleGroup=J.ToggleGroup,exports.ToggleGroupItem=J.ToggleGroupItem,exports.Tooltip=Ce.Tooltip,exports.Topbar=M.Topbar,exports.TopbarTitle=M.TopbarTitle,exports.Tree=Te.Tree,exports.WaterfallChart=h.t,exports.badgeVariants=u.badgeVariants,exports.buttonSizes=d.buttonSizes,exports.buttonVariants=d.buttonVariants,exports.cardVariants=m.cardVariants,exports.cn=e.t,exports.formatCurrency=b.formatCurrency,exports.getFocusable=_.t,exports.invariant=Pe,exports.portalTarget=Ne,exports.toggleSizes=J.toggleSizes,exports.toggleVariants=J.toggleVariants,exports.trapFocus=_.n,exports.useAbortSignal=Me,exports.useCommand=v.useCommand,exports.useControllableState=Ae,exports.useEventCallback=s.t,exports.useIsMounted=Ee,exports.useIsomorphicLayoutEffect=De,exports.useMediaQuery=je,exports.useMountEffect=Le,exports.usePrevious=Oe,exports.useSafeEffect=Ie,exports.useSnackbar=U.useSnackbar,exports.useTheme=Y.useTheme,exports.useUnmountEffect=Re,exports.useUpdateEffect=ke;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
export * from './components/accordion';
|
|
2
|
+
export * from './components/aspect-ratio';
|
|
2
3
|
export * from './components/calendar';
|
|
3
4
|
export * from './components/alert';
|
|
4
5
|
export * from './components/auth-backdrop';
|
|
5
6
|
export * from './components/autocomplete';
|
|
6
7
|
export * from './components/avatar';
|
|
8
|
+
export * from './components/avatar-group';
|
|
7
9
|
export * from './components/badge';
|
|
8
10
|
export * from './components/billing-interval-toggle';
|
|
11
|
+
export * from './components/blockquote';
|
|
9
12
|
export * from './components/breadcrumb';
|
|
10
13
|
export * from './components/button';
|
|
14
|
+
export * from './components/button-group';
|
|
11
15
|
export * from './components/callout';
|
|
12
16
|
export * from './components/card';
|
|
13
17
|
export * from './components/charts';
|
|
@@ -16,8 +20,11 @@ export * from './components/code';
|
|
|
16
20
|
export * from './components/command';
|
|
17
21
|
export * from './components/confirm-dialog';
|
|
18
22
|
export * from './components/copy-button';
|
|
23
|
+
export * from './components/currency';
|
|
19
24
|
export * from './components/datatable';
|
|
20
25
|
export * from './components/datepicker';
|
|
26
|
+
export * from './components/description-list';
|
|
27
|
+
export * from './components/divider';
|
|
21
28
|
export * from './components/drawer';
|
|
22
29
|
export * from './components/dropdown-menu';
|
|
23
30
|
export * from './components/empty-state';
|
|
@@ -39,7 +46,9 @@ export * from './components/pagination';
|
|
|
39
46
|
export * from './components/popover';
|
|
40
47
|
export * from './components/progressbar';
|
|
41
48
|
export * from './components/radio';
|
|
49
|
+
export * from './components/rating';
|
|
42
50
|
export * from './components/richtext';
|
|
51
|
+
export * from './components/scroll-area';
|
|
43
52
|
export * from './components/select';
|
|
44
53
|
export * from './components/separator';
|
|
45
54
|
export * from './components/skeleton';
|
|
@@ -56,10 +65,13 @@ export * from './components/tag';
|
|
|
56
65
|
export * from './components/terminal';
|
|
57
66
|
export * from './components/textarea';
|
|
58
67
|
export * from './components/timeline';
|
|
68
|
+
export * from './components/toggle';
|
|
59
69
|
export * from './components/tooltip';
|
|
60
70
|
export * from './components/theme-provider';
|
|
61
71
|
export * from './components/theme-toggle';
|
|
72
|
+
export * from './components/time-picker';
|
|
62
73
|
export * from './components/tree';
|
|
74
|
+
export * from './components/typography';
|
|
63
75
|
export * from './lib/cn';
|
|
64
76
|
export * from './hooks';
|
|
65
77
|
export * from './types';
|