@akbarsafari00/ods-react 0.1.0
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 +61 -0
- package/dist/components/alert-dialog.d.ts +32 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +48 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert.d.ts +11 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +28 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/badge.d.ts +10 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +25 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/button-group.d.ts +17 -0
- package/dist/components/button-group.d.ts.map +1 -0
- package/dist/components/button-group.js +38 -0
- package/dist/components/button-group.js.map +1 -0
- package/dist/components/button.d.ts +8 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +21 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/card.d.ts +10 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +25 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/checkbox.d.ts +5 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +10 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/collapsible.d.ts +15 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +16 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/combobox.d.ts +34 -0
- package/dist/components/combobox.d.ts.map +1 -0
- package/dist/components/combobox.js +280 -0
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/context-menu.d.ts +60 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +71 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/data-table.d.ts +68 -0
- package/dist/components/data-table.d.ts.map +1 -0
- package/dist/components/data-table.js +100 -0
- package/dist/components/data-table.js.map +1 -0
- package/dist/components/dialog.d.ts +32 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +43 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/drawer.d.ts +32 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +43 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/field.d.ts +50 -0
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +93 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/icon-button.d.ts +14 -0
- package/dist/components/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button.js +28 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/input-group.d.ts +17 -0
- package/dist/components/input-group.d.ts.map +1 -0
- package/dist/components/input-group.js +56 -0
- package/dist/components/input-group.js.map +1 -0
- package/dist/components/input.d.ts +9 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +7 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/label.d.ts +5 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +8 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/menubar.d.ts +73 -0
- package/dist/components/menubar.d.ts.map +1 -0
- package/dist/components/menubar.js +74 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/pagination.d.ts +23 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +64 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/progress.d.ts +17 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +23 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.d.ts +6 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +12 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/select.d.ts +14 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +38 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.d.ts +5 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +8 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/skeleton.d.ts +23 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +18 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/switch.d.ts +7 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +8 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +22 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +31 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +36 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +49 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/textarea.d.ts +4 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +7 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/index.d.ts +30 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +30 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles/globals.css +660 -0
- package/dist/styles/themes/ods-default.css +130 -0
- package/package.json +88 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
type SkeletonShape = "block" | "text" | "circle";
|
|
3
|
+
type SkeletonMotion = "wave" | "pulse" | "none";
|
|
4
|
+
type SkeletonProps = Omit<React.ComponentProps<"div">, "children" | "role" | "tabIndex" | "aria-hidden"> & {
|
|
5
|
+
shape?: SkeletonShape;
|
|
6
|
+
motion?: SkeletonMotion;
|
|
7
|
+
};
|
|
8
|
+
declare function Skeleton({ className, shape, motion, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
type SkeletonGroupProps = Omit<React.ComponentProps<"div">, "role" | "aria-live" | "aria-busy"> & {
|
|
10
|
+
label: string;
|
|
11
|
+
motion?: SkeletonMotion;
|
|
12
|
+
};
|
|
13
|
+
declare function SkeletonGroup({ className, label, motion, children, ...props }: SkeletonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
type SkeletonLineCount = 1 | 2 | 3 | 4 | 5 | 6;
|
|
15
|
+
type SkeletonLastLineWidth = "full" | "three-quarters" | "half";
|
|
16
|
+
type SkeletonTextProps = Omit<React.ComponentProps<"div">, "children" | "aria-hidden"> & {
|
|
17
|
+
lines?: SkeletonLineCount;
|
|
18
|
+
lastLineWidth?: SkeletonLastLineWidth;
|
|
19
|
+
};
|
|
20
|
+
declare function SkeletonText({ className, lines, lastLineWidth, ...props }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export { Skeleton, SkeletonGroup, SkeletonText };
|
|
22
|
+
export type { SkeletonShape, SkeletonMotion, SkeletonProps, SkeletonGroupProps, SkeletonLineCount, SkeletonLastLineWidth, SkeletonTextProps, };
|
|
23
|
+
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAChD,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE/C,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CACjD,GAAG;IACF,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAe,EACf,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,2CAiBf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,MAAM,GAAG,WAAW,GAAG,WAAW,CACnC,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,KAAK,EACL,MAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAepB;AAED,KAAK,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC9C,KAAK,qBAAqB,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,CAAA;AAE/D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,aAAa,CAC3B,GAAG;IACF,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAQD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,KAAS,EACT,aAAgC,EAChC,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAmBnB;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AAChD,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,GAClB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@akbarsafari00/ods-react/lib/utils";
|
|
3
|
+
function Skeleton({ className, shape = "block", motion, ...props }) {
|
|
4
|
+
return (_jsx("div", { "data-slot": "skeleton", "data-shape": shape, "data-motion": motion, className: cn("pointer-events-none block overflow-hidden bg-muted select-none", shape === "block" && "min-h-4 rounded-[var(--ods-radius-surface)]", shape === "text" && "h-4 w-full rounded-[var(--ods-radius-control)]", shape === "circle" && "aspect-square rounded-full", className), ...props, "aria-hidden": "true" }));
|
|
5
|
+
}
|
|
6
|
+
function SkeletonGroup({ className, label, motion = "wave", children, ...props }) {
|
|
7
|
+
return (_jsxs("div", { "data-slot": "skeleton-group", "data-motion": motion, className: cn("min-w-0", className), ...props, "aria-busy": "true", children: [_jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: label }), children] }));
|
|
8
|
+
}
|
|
9
|
+
const lastLineWidths = {
|
|
10
|
+
full: "w-full",
|
|
11
|
+
"three-quarters": "w-3/4",
|
|
12
|
+
half: "w-1/2",
|
|
13
|
+
};
|
|
14
|
+
function SkeletonText({ className, lines = 3, lastLineWidth = "three-quarters", ...props }) {
|
|
15
|
+
return (_jsx("div", { "data-slot": "skeleton-text", className: cn("grid min-w-0 gap-2", className), ...props, "aria-hidden": "true", children: Array.from({ length: lines }, (_, index) => (_jsx(Skeleton, { shape: "text", className: index === lines - 1 ? lastLineWidths[lastLineWidth] : undefined }, index))) }));
|
|
16
|
+
}
|
|
17
|
+
export { Skeleton, SkeletonGroup, SkeletonText };
|
|
18
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAavD,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,MAAM,EACN,GAAG,KAAK,EACM;IACd,OAAO,CACL,2BACY,UAAU,gBACR,KAAK,iBACJ,MAAM,EACnB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,KAAK,KAAK,OAAO,IAAI,6CAA6C,EAClE,KAAK,KAAK,MAAM,IAAI,gDAAgD,EACpE,KAAK,KAAK,QAAQ,IAAI,4BAA4B,EAClD,SAAS,CACV,KACG,KAAK,iBACG,MAAM,GAClB,CACH,CAAA;AACH,CAAC;AAUD,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,KAAK,EACL,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,GAAG,KAAK,EACW;IACnB,OAAO,CACL,4BACY,gBAAgB,iBACb,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,eACC,MAAM,aAEhB,eAAM,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,YACvD,KAAK,GACD,EACN,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAaD,MAAM,cAAc,GAA0C;IAC5D,IAAI,EAAE,QAAQ;IACd,gBAAgB,EAAE,OAAO;IACzB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,gBAAgB,EAChC,GAAG,KAAK,EACU;IAClB,OAAO,CACL,2BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAC1C,KAAK,iBACG,MAAM,YAEjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,IAEP,KAAK,EAAC,MAAM,EACZ,SAAS,EACP,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,IAH5D,KAAK,CAKV,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Switch as SwitchPrimitive } from "radix-ui";
|
|
3
|
+
declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
|
|
4
|
+
size?: "sm" | "default";
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { Switch };
|
|
7
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAIpD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAiBA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Switch as SwitchPrimitive } from "radix-ui";
|
|
3
|
+
import { cn } from "@akbarsafari00/ods-react/lib/utils";
|
|
4
|
+
function Switch({ className, size = "default", ...props }) {
|
|
5
|
+
return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-[state=unchecked]:bg-input/80", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground" }) }));
|
|
6
|
+
}
|
|
7
|
+
export { Switch };
|
|
8
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAEvD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,yxBAAyxB,EACzxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,21BAA21B,GACr2B,GACmB,CACxB,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
type TableFrameProps = React.ComponentProps<"div"> & {
|
|
3
|
+
density?: "comfortable" | "compact";
|
|
4
|
+
};
|
|
5
|
+
declare function TableFrame({ className, density, ...props }: TableFrameProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
type TableHeadProps = Omit<React.ComponentProps<"th">, "align"> & {
|
|
13
|
+
align?: "start" | "center" | "end";
|
|
14
|
+
};
|
|
15
|
+
declare function TableHead({ className, align, scope, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
type TableCellProps = Omit<React.ComponentProps<"td">, "align"> & {
|
|
17
|
+
align?: "start" | "center" | "end";
|
|
18
|
+
};
|
|
19
|
+
declare function TableCell({ className, align, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableFrame, TableHead, TableHeader, TableRow, };
|
|
21
|
+
export type { TableCellProps, TableFrameProps, TableHeadProps };
|
|
22
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACnD,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;CACpC,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAuB,EACvB,GAAG,KAAK,EACT,EAAE,eAAe,2CAYjB;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAWpE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAe,EACf,KAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,2CAahB;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAY1E;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA;AACD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@akbarsafari00/ods-react/lib/utils";
|
|
3
|
+
function TableFrame({ className, density = "comfortable", ...props }) {
|
|
4
|
+
return (_jsx("div", { "data-slot": "table-frame", "data-density": density, className: cn("relative max-w-full overflow-auto rounded-[var(--ods-radius-surface)] border bg-surface", className), ...props }));
|
|
5
|
+
}
|
|
6
|
+
function Table({ className, ...props }) {
|
|
7
|
+
return (_jsx("table", { "data-slot": "table", className: cn("w-full min-w-[40rem] border-separate border-spacing-0 text-sm", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function TableCaption({ className, ...props }) {
|
|
10
|
+
return (_jsx("caption", { "data-slot": "table-caption", className: cn("sr-only", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function TableHeader({ className, ...props }) {
|
|
13
|
+
return (_jsx("thead", { "data-slot": "table-header", className: cn("bg-muted/70", className), ...props }));
|
|
14
|
+
}
|
|
15
|
+
function TableBody({ className, ...props }) {
|
|
16
|
+
return _jsx("tbody", { "data-slot": "table-body", className: className, ...props });
|
|
17
|
+
}
|
|
18
|
+
function TableFooter({ className, ...props }) {
|
|
19
|
+
return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t bg-muted/50 font-medium", className), ...props }));
|
|
20
|
+
}
|
|
21
|
+
function TableRow({ className, ...props }) {
|
|
22
|
+
return (_jsx("tr", { "data-slot": "table-row", className: cn("group/row transition-colors hover:bg-muted/45 data-[state=selected]:bg-accent/70", className), ...props }));
|
|
23
|
+
}
|
|
24
|
+
function TableHead({ className, align = "start", scope = "col", ...props }) {
|
|
25
|
+
return (_jsx("th", { "data-slot": "table-head", "data-align": align, scope: scope, className: cn("h-11 border-b px-4 text-start align-middle text-xs font-semibold tracking-wide text-muted-foreground in-data-[density=compact]:h-9 in-data-[density=compact]:px-3 data-[align=center]:text-center data-[align=end]:text-end", className), ...props }));
|
|
26
|
+
}
|
|
27
|
+
function TableCell({ className, align = "start", ...props }) {
|
|
28
|
+
return (_jsx("td", { "data-slot": "table-cell", "data-align": align, className: cn("h-13 border-b px-4 text-start align-middle group-last/row:border-b-0 in-data-[density=compact]:h-10 in-data-[density=compact]:px-3 data-[align=center]:text-center data-[align=end]:text-end", className), ...props }));
|
|
29
|
+
}
|
|
30
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableFrame, TableHead, TableHeader, TableRow, };
|
|
31
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAMvD,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,2BACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACnE,OAAO,CACL,6BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACvE,OAAO,6BAAiB,YAAY,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL,0BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACO;IACf,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,6NAA6N,EAC7N,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAkB;IACzE,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,8LAA8L,EAC9L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
type TabsVariant = "line" | "contained";
|
|
3
|
+
type TabsDirection = "ltr" | "rtl";
|
|
4
|
+
type TabsProps = Omit<React.ComponentProps<"div">, "defaultValue" | "dir"> & {
|
|
5
|
+
value?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
onValueChange?: (value: string) => void;
|
|
8
|
+
orientation?: "horizontal" | "vertical";
|
|
9
|
+
activationMode?: "automatic" | "manual";
|
|
10
|
+
dir?: TabsDirection;
|
|
11
|
+
variant?: TabsVariant;
|
|
12
|
+
};
|
|
13
|
+
declare function Tabs({ className, dir, orientation, variant, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
type TabsListAccessibleName = {
|
|
15
|
+
"aria-label": string;
|
|
16
|
+
"aria-labelledby"?: never;
|
|
17
|
+
} | {
|
|
18
|
+
"aria-label"?: never;
|
|
19
|
+
"aria-labelledby": string;
|
|
20
|
+
};
|
|
21
|
+
type TabsListProps = React.ComponentProps<"div"> & TabsListAccessibleName;
|
|
22
|
+
declare function TabsList({ className, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
type TabsTriggerProps = React.ComponentProps<"button"> & {
|
|
24
|
+
value: string;
|
|
25
|
+
};
|
|
26
|
+
declare function TabsTrigger({ className, onFocus, type, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
type TabsCountProps = React.ComponentProps<"span">;
|
|
28
|
+
declare function TabsCount({ className, ...props }: TabsCountProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
type TabsContentProps = React.ComponentProps<"div"> & {
|
|
30
|
+
value: string;
|
|
31
|
+
forceMount?: true;
|
|
32
|
+
};
|
|
33
|
+
declare function TabsContent({ className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export { Tabs, TabsList, TabsTrigger, TabsCount, TabsContent };
|
|
35
|
+
export type { TabsVariant, TabsProps, TabsListProps, TabsTriggerProps, TabsCountProps, TabsContentProps, };
|
|
36
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,WAAW,GAAG,MAAM,GAAG,WAAW,CAAA;AACvC,KAAK,aAAa,GAAG,KAAK,GAAG,KAAK,CAAA;AAuBlC,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,EACH,WAA0B,EAC1B,OAAgB,EAChB,GAAG,KAAK,EACT,EAAE,SAAS,2CAqBX;AAED,KAAK,sBAAsB,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,sBAAsB,CAAA;AAEzE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAWvD;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsBlB;AAED,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAElD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWzD;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAW7D;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA;AAC9D,YAAY,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,CAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
5
|
+
import { cn } from "@akbarsafari00/ods-react/lib/utils";
|
|
6
|
+
function getDocumentDirection() {
|
|
7
|
+
if (typeof document === "undefined")
|
|
8
|
+
return "ltr";
|
|
9
|
+
return document.documentElement.dir === "rtl" ? "rtl" : "ltr";
|
|
10
|
+
}
|
|
11
|
+
function getServerDirection() {
|
|
12
|
+
return "ltr";
|
|
13
|
+
}
|
|
14
|
+
function subscribeToDocumentDirection(onChange) {
|
|
15
|
+
if (typeof document === "undefined")
|
|
16
|
+
return () => undefined;
|
|
17
|
+
const observer = new MutationObserver(onChange);
|
|
18
|
+
observer.observe(document.documentElement, {
|
|
19
|
+
attributes: true,
|
|
20
|
+
attributeFilter: ["dir"],
|
|
21
|
+
});
|
|
22
|
+
return () => observer.disconnect();
|
|
23
|
+
}
|
|
24
|
+
function Tabs({ className, dir, orientation = "horizontal", variant = "line", ...props }) {
|
|
25
|
+
const documentDirection = React.useSyncExternalStore(subscribeToDocumentDirection, getDocumentDirection, getServerDirection);
|
|
26
|
+
return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, "data-variant": variant, className: cn("group/tabs flex min-w-0 gap-4 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:items-start", className), dir: dir ?? documentDirection, orientation: orientation, ...props }));
|
|
27
|
+
}
|
|
28
|
+
function TabsList({ className, ...props }) {
|
|
29
|
+
return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("group/tabs-list relative isolate flex min-w-0 items-stretch text-muted-foreground group-data-[orientation=horizontal]/tabs:w-full group-data-[orientation=horizontal]/tabs:[scrollbar-width:thin] group-data-[orientation=horizontal]/tabs:overflow-x-auto group-data-[orientation=horizontal]/tabs:border-b group-data-[orientation=vertical]/tabs:w-52 group-data-[orientation=vertical]/tabs:shrink-0 group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:border-e group-data-[variant=contained]/tabs:gap-0.5 group-data-[variant=contained]/tabs:rounded-[var(--ods-radius-surface)] group-data-[variant=contained]/tabs:border-0 group-data-[variant=contained]/tabs:bg-muted group-data-[variant=contained]/tabs:p-1", className), ...props }));
|
|
30
|
+
}
|
|
31
|
+
function TabsTrigger({ className, onFocus, type = "button", ...props }) {
|
|
32
|
+
return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("group/tab relative inline-flex min-h-10 shrink-0 scroll-mx-1 items-center justify-center gap-2 rounded-[var(--ods-radius-control)] px-3 text-sm font-medium whitespace-nowrap text-muted-foreground transition-[color,background-color,box-shadow] duration-[var(--ods-motion-duration-feedback)] ease-[var(--ods-motion-easing-standard)] outline-none group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[orientation=vertical]/tabs:text-start hover:text-foreground focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset disabled:cursor-not-allowed disabled:text-muted-foreground/60 in-data-[density=compact]:min-h-8 in-data-[density=compact]:px-2 data-[state=active]:text-foreground group-data-[variant=contained]/tabs:data-[state=active]:bg-surface-raised group-data-[variant=contained]/tabs:data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", "after:absolute after:bg-primary after:opacity-0 after:transition-opacity after:duration-[var(--ods-motion-duration-feedback)] group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-0 group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-end-px group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=contained]/tabs:after:hidden data-[state=active]:after:opacity-100", className), type: type, onFocus: (event) => {
|
|
33
|
+
onFocus?.(event);
|
|
34
|
+
if (!event.defaultPrevented) {
|
|
35
|
+
event.currentTarget.scrollIntoView({
|
|
36
|
+
block: "nearest",
|
|
37
|
+
inline: "nearest",
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}, ...props }));
|
|
41
|
+
}
|
|
42
|
+
function TabsCount({ className, ...props }) {
|
|
43
|
+
return (_jsx("span", { "data-slot": "tabs-count", className: cn("inline-flex min-w-5 items-center justify-center rounded-full bg-muted px-1.5 text-xs leading-5 font-medium text-muted-foreground tabular-nums group-data-[state=active]/tab:bg-primary/10 group-data-[state=active]/tab:text-primary group-data-[variant=contained]/tabs:bg-background/70", className), ...props }));
|
|
44
|
+
}
|
|
45
|
+
function TabsContent({ className, ...props }) {
|
|
46
|
+
return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("min-w-0 flex-1 text-sm outline-none focus-visible:rounded-[var(--ods-radius-control)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", className), ...props }));
|
|
47
|
+
}
|
|
48
|
+
export { Tabs, TabsList, TabsTrigger, TabsCount, TabsContent };
|
|
49
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAEhD,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAKvD,SAAS,oBAAoB;IAC3B,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAA;IACjD,OAAO,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/D,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,4BAA4B,CAAC,QAAoB;IACxD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,GAAG,EAAE,CAAC,SAAS,CAAA;IAE3D,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAC/C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;QACzC,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,KAAK,CAAC;KACzB,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;AACpC,CAAC;AAYD,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,EACH,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACE;IACV,MAAM,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAClD,4BAA4B,EAC5B,oBAAoB,EACpB,kBAAkB,CACnB,CAAA;IAED,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,MAAM,sBACE,WAAW,kBACf,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,8GAA8G,EAC9G,SAAS,CACV,EACD,GAAG,EAAE,GAAG,IAAI,iBAAiB,EAC7B,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAQD,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACtD,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,guBAAguB,EAChuB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAID,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACS;IACjB,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,w8BAAw8B,EACx8B,2hBAA2hB,EAC3hB,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;YAChB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,SAAS;iBAClB,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAID,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,4BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,2RAA2R,EAC3R,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAOD,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,qMAAqM,EACrM,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@akbarsafari00/ods-react/lib/utils";
|
|
3
|
+
function Textarea({ className, ...props }) {
|
|
4
|
+
return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-20 w-full rounded-[4px] border border-input bg-background px-4 py-2 text-sm leading-5 text-foreground transition-colors outline-none placeholder:text-muted-foreground read-only:bg-muted/40 read-only:text-foreground hover:border-foreground/30 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:border-border disabled:bg-muted disabled:text-muted-foreground in-data-[density=compact]:min-h-16 in-data-[density=compact]:px-3 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/30", className), ...props }));
|
|
5
|
+
}
|
|
6
|
+
export { Textarea };
|
|
7
|
+
//# sourceMappingURL=textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAEvD,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACzE,OAAO,CACL,gCACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,mqBAAmqB,EACnqB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export * from "./components/alert-dialog.js";
|
|
2
|
+
export * from "./components/alert.js";
|
|
3
|
+
export * from "./components/badge.js";
|
|
4
|
+
export * from "./components/button-group.js";
|
|
5
|
+
export * from "./components/button.js";
|
|
6
|
+
export * from "./components/card.js";
|
|
7
|
+
export * from "./components/checkbox.js";
|
|
8
|
+
export * from "./components/collapsible.js";
|
|
9
|
+
export * from "./components/combobox.js";
|
|
10
|
+
export * from "./components/context-menu.js";
|
|
11
|
+
export * from "./components/data-table.js";
|
|
12
|
+
export * from "./components/dialog.js";
|
|
13
|
+
export * from "./components/drawer.js";
|
|
14
|
+
export * from "./components/field.js";
|
|
15
|
+
export * from "./components/icon-button.js";
|
|
16
|
+
export * from "./components/input-group.js";
|
|
17
|
+
export * from "./components/input.js";
|
|
18
|
+
export * from "./components/label.js";
|
|
19
|
+
export * from "./components/menubar.js";
|
|
20
|
+
export * from "./components/pagination.js";
|
|
21
|
+
export * from "./components/progress.js";
|
|
22
|
+
export * from "./components/radio-group.js";
|
|
23
|
+
export * from "./components/select.js";
|
|
24
|
+
export * from "./components/separator.js";
|
|
25
|
+
export * from "./components/skeleton.js";
|
|
26
|
+
export * from "./components/switch.js";
|
|
27
|
+
export * from "./components/table.js";
|
|
28
|
+
export * from "./components/tabs.js";
|
|
29
|
+
export * from "./components/textarea.js";
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export * from "./components/alert-dialog.js";
|
|
2
|
+
export * from "./components/alert.js";
|
|
3
|
+
export * from "./components/badge.js";
|
|
4
|
+
export * from "./components/button-group.js";
|
|
5
|
+
export * from "./components/button.js";
|
|
6
|
+
export * from "./components/card.js";
|
|
7
|
+
export * from "./components/checkbox.js";
|
|
8
|
+
export * from "./components/collapsible.js";
|
|
9
|
+
export * from "./components/combobox.js";
|
|
10
|
+
export * from "./components/context-menu.js";
|
|
11
|
+
export * from "./components/data-table.js";
|
|
12
|
+
export * from "./components/dialog.js";
|
|
13
|
+
export * from "./components/drawer.js";
|
|
14
|
+
export * from "./components/field.js";
|
|
15
|
+
export * from "./components/icon-button.js";
|
|
16
|
+
export * from "./components/input-group.js";
|
|
17
|
+
export * from "./components/input.js";
|
|
18
|
+
export * from "./components/label.js";
|
|
19
|
+
export * from "./components/menubar.js";
|
|
20
|
+
export * from "./components/pagination.js";
|
|
21
|
+
export * from "./components/progress.js";
|
|
22
|
+
export * from "./components/radio-group.js";
|
|
23
|
+
export * from "./components/select.js";
|
|
24
|
+
export * from "./components/separator.js";
|
|
25
|
+
export * from "./components/skeleton.js";
|
|
26
|
+
export * from "./components/switch.js";
|
|
27
|
+
export * from "./components/table.js";
|
|
28
|
+
export * from "./components/tabs.js";
|
|
29
|
+
export * from "./components/textarea.js";
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}
|