@lssm/lib.ui-kit 1.7.4 → 1.9.1
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 +82 -0
- package/dist/node_modules/react-hook-form/dist/index.esm.js +27 -16
- package/dist/node_modules/react-hook-form/dist/index.esm.js.map +1 -1
- package/dist/node_modules/zod/v4/core/core.js +0 -1
- package/dist/node_modules/zod/v4/core/core.js.map +1 -1
- package/dist/node_modules/zod/v4/core/registries.js +0 -2
- package/dist/node_modules/zod/v4/core/registries.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/accordion.js +4 -4
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/alert-dialog.d.ts +11 -11
- package/dist/ui/alert-dialog.js +9 -9
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/alert.d.ts +4 -4
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +3 -3
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/avatar.d.ts.map +1 -1
- package/dist/ui/avatar.js +3 -3
- package/dist/ui/avatar.js.map +1 -1
- package/dist/ui/badge.d.ts +2 -2
- package/dist/ui/badge.js +1 -1
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/breadcrumb.js +6 -6
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/button.js +1 -1
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/card.d.ts +7 -7
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +6 -6
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/checkbox.d.ts +3 -3
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +1 -1
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/collapsible.d.ts +8 -8
- package/dist/ui/collapsible.d.ts.map +1 -1
- package/dist/ui/context-menu.d.ts +16 -16
- package/dist/ui/context-menu.js +9 -9
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/date-picker.d.ts +2 -2
- package/dist/ui/date-range-picker.d.ts +2 -2
- package/dist/ui/datetime-picker.d.ts +2 -2
- package/dist/ui/dialog.d.ts +10 -10
- package/dist/ui/dialog.js +7 -7
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/dropdown-menu.js +9 -9
- package/dist/ui/dropdown-menu.js.map +1 -1
- package/dist/ui/empty-state.d.ts +4 -4
- package/dist/ui/empty-state.d.ts.map +1 -1
- package/dist/ui/empty.d.ts +9 -9
- package/dist/ui/empty.d.ts.map +1 -1
- package/dist/ui/empty.js +6 -6
- package/dist/ui/empty.js.map +1 -1
- package/dist/ui/fab.d.ts +3 -3
- package/dist/ui/fab.d.ts.map +1 -1
- package/dist/ui/field.d.ts +14 -14
- package/dist/ui/field.d.ts.map +1 -1
- package/dist/ui/field.js +10 -11
- package/dist/ui/field.js.map +1 -1
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js +5 -6
- package/dist/ui/form.js.map +1 -1
- package/dist/ui/hover-card.d.ts +6 -6
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/hover-card.js +1 -1
- package/dist/ui/hover-card.js.map +1 -1
- package/dist/ui/input.d.ts +2 -2
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +1 -1
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js +1 -1
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/link.d.ts +2 -2
- package/dist/ui/link.d.ts.map +1 -1
- package/dist/ui/link.js +1 -1
- package/dist/ui/link.js.map +1 -1
- package/dist/ui/loading-button.d.ts +2 -2
- package/dist/ui/loading-button.d.ts.map +1 -1
- package/dist/ui/loading-button.js +1 -1
- package/dist/ui/loading-button.js.map +1 -1
- package/dist/ui/loading-overlay.d.ts +2 -2
- package/dist/ui/loading-overlay.d.ts.map +1 -1
- package/dist/ui/loading-screen.d.ts +2 -2
- package/dist/ui/marketing/FeatureGrid.d.ts +2 -2
- package/dist/ui/marketing/Hero.d.ts +2 -2
- package/dist/ui/marketing/PricingTable.d.ts +2 -2
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +11 -11
- package/dist/ui/menubar.js.map +1 -1
- package/dist/ui/molecules/SkeletonList.d.ts +2 -2
- package/dist/ui/navigation-menu.d.ts +12 -12
- package/dist/ui/navigation-menu.js +6 -6
- package/dist/ui/navigation-menu.js.map +1 -1
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +2 -2
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +0 -1
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/ui/organisms/ListPage/ListPage.d.ts +2 -2
- package/dist/ui/page-header.d.ts +4 -4
- package/dist/ui/page-header.d.ts.map +1 -1
- package/dist/ui/password-strength.d.ts +2 -2
- package/dist/ui/popover.d.ts +6 -6
- package/dist/ui/popover.js +1 -1
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/progress.js +1 -1
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/radio-group.js +2 -2
- package/dist/ui/radio-group.js.map +1 -1
- package/dist/ui/select.d.ts +13 -13
- package/dist/ui/select.js +7 -7
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/separator.d.ts +2 -2
- package/dist/ui/separator.js +1 -1
- package/dist/ui/separator.js.map +1 -1
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/stack.d.ts +4 -4
- package/dist/ui/stack.js +3 -3
- package/dist/ui/stack.js.map +1 -1
- package/dist/ui/stepper.d.ts +2 -2
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/switch.js +2 -2
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/table.d.ts +8 -8
- package/dist/ui/table.js +7 -7
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/tabs.d.ts +11 -11
- package/dist/ui/tabs.js +3 -3
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/text.d.ts +2 -2
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/text.js +1 -1
- package/dist/ui/text.js.map +1 -1
- package/dist/ui/textarea.js +1 -1
- package/dist/ui/textarea.js.map +1 -1
- package/dist/ui/time-picker.d.ts +2 -2
- package/dist/ui/time-picker.d.ts.map +1 -1
- package/dist/ui/toggle-group.d.ts +4 -4
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle-group.js +3 -3
- package/dist/ui/toggle-group.js.map +1 -1
- package/dist/ui/toggle.d.ts +6 -6
- package/dist/ui/toggle.d.ts.map +1 -1
- package/dist/ui/toggle.js +2 -2
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/tooltip.d.ts +6 -6
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +1 -1
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/typography.d.ts +12 -12
- package/dist/ui/typography.d.ts.map +1 -1
- package/dist/ui/typography.js +11 -11
- package/dist/ui/typography.js.map +1 -1
- package/dist/ui/useColorScheme.d.ts +2 -2
- package/dist/ui/useColorScheme.d.ts.map +1 -1
- package/dist/ui/usecases/UseCaseCard.d.ts +2 -2
- package/dist/ui/usecases/UserStoryCard.d.ts +2 -2
- package/dist/ui/usecases/UserStoryCard.d.ts.map +1 -1
- package/package.json +4 -4
package/dist/ui/table.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime155 from "react/jsx-runtime";
|
|
3
3
|
import * as TablePrimitive from "@rn-primitives/table";
|
|
4
4
|
|
|
5
5
|
//#region ui/table.d.ts
|
|
@@ -8,44 +8,44 @@ declare function Table({
|
|
|
8
8
|
...props
|
|
9
9
|
}: TablePrimitive.RootProps & {
|
|
10
10
|
ref?: React$1.RefObject<TablePrimitive.RootRef>;
|
|
11
|
-
}):
|
|
11
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
12
12
|
declare function TableHeader({
|
|
13
13
|
className,
|
|
14
14
|
...props
|
|
15
15
|
}: TablePrimitive.HeaderProps & {
|
|
16
16
|
ref?: React$1.RefObject<TablePrimitive.HeaderRef>;
|
|
17
|
-
}):
|
|
17
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
18
18
|
declare function TableBody({
|
|
19
19
|
className,
|
|
20
20
|
style,
|
|
21
21
|
...props
|
|
22
22
|
}: TablePrimitive.BodyProps & {
|
|
23
23
|
ref?: React$1.RefObject<TablePrimitive.BodyRef>;
|
|
24
|
-
}):
|
|
24
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
25
25
|
declare function TableFooter({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
28
|
}: TablePrimitive.FooterProps & {
|
|
29
29
|
ref?: React$1.RefObject<TablePrimitive.FooterRef>;
|
|
30
|
-
}):
|
|
30
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
31
31
|
declare function TableRow({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
34
|
}: TablePrimitive.RowProps & {
|
|
35
35
|
ref?: React$1.RefObject<TablePrimitive.RowRef>;
|
|
36
|
-
}):
|
|
36
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
37
37
|
declare function TableHead({
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
40
|
}: TablePrimitive.HeadProps & {
|
|
41
41
|
ref?: React$1.RefObject<TablePrimitive.HeadRef>;
|
|
42
|
-
}):
|
|
42
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
43
43
|
declare function TableCell({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
46
|
}: TablePrimitive.CellProps & {
|
|
47
47
|
ref?: React$1.RefObject<TablePrimitive.CellRef>;
|
|
48
|
-
}):
|
|
48
|
+
}): react_jsx_runtime155.JSX.Element;
|
|
49
49
|
//#endregion
|
|
50
50
|
export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
51
51
|
//# sourceMappingURL=table.d.ts.map
|
package/dist/ui/table.js
CHANGED
|
@@ -5,38 +5,38 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
import * as TablePrimitive from "@rn-primitives/table";
|
|
6
6
|
|
|
7
7
|
//#region ui/table.tsx
|
|
8
|
-
function Table({ className
|
|
8
|
+
function Table({ className, ...props }) {
|
|
9
9
|
return /* @__PURE__ */ jsx(TablePrimitive.Root, {
|
|
10
10
|
className: cn("w-full caption-bottom text-sm", className),
|
|
11
11
|
...props
|
|
12
12
|
});
|
|
13
13
|
}
|
|
14
|
-
function TableHeader({ className
|
|
14
|
+
function TableHeader({ className, ...props }) {
|
|
15
15
|
return /* @__PURE__ */ jsx(TablePrimitive.Header, {
|
|
16
16
|
className: cn("border-border [&_tr]:border-b", className),
|
|
17
17
|
...props
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
|
-
function TableBody({ className, style
|
|
20
|
+
function TableBody({ className, style, ...props }) {
|
|
21
21
|
return /* @__PURE__ */ jsx(TablePrimitive.Body, {
|
|
22
22
|
className: cn("border-border flex-1 [&_tr:last-child]:border-0", className),
|
|
23
23
|
style: [{ minHeight: 2 }, style],
|
|
24
24
|
...props
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
function TableFooter({ className
|
|
27
|
+
function TableFooter({ className, ...props }) {
|
|
28
28
|
return /* @__PURE__ */ jsx(TablePrimitive.Footer, {
|
|
29
29
|
className: cn("bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
|
|
30
30
|
...props
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
function TableRow({ className
|
|
33
|
+
function TableRow({ className, ...props }) {
|
|
34
34
|
return /* @__PURE__ */ jsx(TablePrimitive.Row, {
|
|
35
35
|
className: cn("border-border web:transition-colors web:hover:bg-muted/50 web:data-[state=selected]:bg-muted flex-row border-b", className),
|
|
36
36
|
...props
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
-
function TableHead({ className
|
|
39
|
+
function TableHead({ className, ...props }) {
|
|
40
40
|
return /* @__PURE__ */ jsx(TextClassContext.Provider, {
|
|
41
41
|
value: "text-muted-foreground",
|
|
42
42
|
children: /* @__PURE__ */ jsx(TablePrimitive.Head, {
|
|
@@ -45,7 +45,7 @@ function TableHead({ className,...props }) {
|
|
|
45
45
|
})
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
function TableCell({ className
|
|
48
|
+
function TableCell({ className, ...props }) {
|
|
49
49
|
return /* @__PURE__ */ jsx(TablePrimitive.Cell, {
|
|
50
50
|
className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
|
|
51
51
|
...props
|
package/dist/ui/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["import * as TablePrimitive from '@rn-primitives/table';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nfunction Table({\n className,\n ...props\n}: TablePrimitive.RootProps & {\n ref?: React.RefObject<TablePrimitive.RootRef>;\n}) {\n return (\n <TablePrimitive.Root\n className={cn('w-full caption-bottom text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction TableHeader({\n className,\n ...props\n}: TablePrimitive.HeaderProps & {\n ref?: React.RefObject<TablePrimitive.HeaderRef>;\n}) {\n return (\n <TablePrimitive.Header\n className={cn('border-border [&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({\n className,\n style,\n ...props\n}: TablePrimitive.BodyProps & {\n ref?: React.RefObject<TablePrimitive.BodyRef>;\n}) {\n return (\n <TablePrimitive.Body\n className={cn(\n 'border-border flex-1 [&_tr:last-child]:border-0',\n className\n )}\n style={[{ minHeight: 2 }, style]}\n {...props}\n />\n );\n}\n\nfunction TableFooter({\n className,\n ...props\n}: TablePrimitive.FooterProps & {\n ref?: React.RefObject<TablePrimitive.FooterRef>;\n}) {\n return (\n <TablePrimitive.Footer\n className={cn(\n 'bg-muted/50 font-medium [&>tr]:last:border-b-0',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({\n className,\n ...props\n}: TablePrimitive.RowProps & {\n ref?: React.RefObject<TablePrimitive.RowRef>;\n}) {\n return (\n <TablePrimitive.Row\n className={cn(\n 'border-border web:transition-colors web:hover:bg-muted/50 web:data-[state=selected]:bg-muted flex-row border-b',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({\n className,\n ...props\n}: TablePrimitive.HeadProps & {\n ref?: React.RefObject<TablePrimitive.HeadRef>;\n}) {\n return (\n <TextClassContext.Provider value=\"text-muted-foreground\">\n <TablePrimitive.Head\n className={cn(\n 'h-12 justify-center px-4 text-left font-medium [&:has([role=checkbox])]:pr-0',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nfunction TableCell({\n className,\n ...props\n}: TablePrimitive.CellProps & {\n ref?: React.RefObject<TablePrimitive.CellRef>;\n}) {\n return (\n <TablePrimitive.Cell\n className={cn(\n 'p-4 align-middle [&:has([role=checkbox])]:pr-0',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow,\n};\n"],"mappings":";;;;;;;AAKA,SAAS,MAAM,EACb,
|
|
1
|
+
{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["import * as TablePrimitive from '@rn-primitives/table';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nfunction Table({\n className,\n ...props\n}: TablePrimitive.RootProps & {\n ref?: React.RefObject<TablePrimitive.RootRef>;\n}) {\n return (\n <TablePrimitive.Root\n className={cn('w-full caption-bottom text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction TableHeader({\n className,\n ...props\n}: TablePrimitive.HeaderProps & {\n ref?: React.RefObject<TablePrimitive.HeaderRef>;\n}) {\n return (\n <TablePrimitive.Header\n className={cn('border-border [&_tr]:border-b', className)}\n {...props}\n />\n );\n}\n\nfunction TableBody({\n className,\n style,\n ...props\n}: TablePrimitive.BodyProps & {\n ref?: React.RefObject<TablePrimitive.BodyRef>;\n}) {\n return (\n <TablePrimitive.Body\n className={cn(\n 'border-border flex-1 [&_tr:last-child]:border-0',\n className\n )}\n style={[{ minHeight: 2 }, style]}\n {...props}\n />\n );\n}\n\nfunction TableFooter({\n className,\n ...props\n}: TablePrimitive.FooterProps & {\n ref?: React.RefObject<TablePrimitive.FooterRef>;\n}) {\n return (\n <TablePrimitive.Footer\n className={cn(\n 'bg-muted/50 font-medium [&>tr]:last:border-b-0',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableRow({\n className,\n ...props\n}: TablePrimitive.RowProps & {\n ref?: React.RefObject<TablePrimitive.RowRef>;\n}) {\n return (\n <TablePrimitive.Row\n className={cn(\n 'border-border web:transition-colors web:hover:bg-muted/50 web:data-[state=selected]:bg-muted flex-row border-b',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TableHead({\n className,\n ...props\n}: TablePrimitive.HeadProps & {\n ref?: React.RefObject<TablePrimitive.HeadRef>;\n}) {\n return (\n <TextClassContext.Provider value=\"text-muted-foreground\">\n <TablePrimitive.Head\n className={cn(\n 'h-12 justify-center px-4 text-left font-medium [&:has([role=checkbox])]:pr-0',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nfunction TableCell({\n className,\n ...props\n}: TablePrimitive.CellProps & {\n ref?: React.RefObject<TablePrimitive.CellRef>;\n}) {\n return (\n <TablePrimitive.Cell\n className={cn(\n 'p-4 align-middle [&:has([role=checkbox])]:pr-0',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Table,\n TableBody,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow,\n};\n"],"mappings":";;;;;;;AAKA,SAAS,MAAM,EACb,WACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,mDACA,UACD;EACD,OAAO,CAAC,EAAE,WAAW,GAAG,EAAE,MAAM;EAChC,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,SAAS,EAChB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kHACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,eAAe;GACd,WAAW,GACT,gFACA,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,UAAU,EACjB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/tabs.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
2
|
+
import * as react_native13 from "react-native";
|
|
3
|
+
import * as _rn_primitives_types0 from "@rn-primitives/types";
|
|
4
4
|
|
|
5
5
|
//#region ui/tabs.d.ts
|
|
6
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<
|
|
6
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<react_native13.ViewProps & {
|
|
7
7
|
asChild?: boolean;
|
|
8
8
|
} & {
|
|
9
9
|
value: string;
|
|
@@ -11,23 +11,23 @@ declare const Tabs: React$1.ForwardRefExoticComponent<react_native43.ViewProps &
|
|
|
11
11
|
orientation?: "horizontal" | "vertical";
|
|
12
12
|
dir?: "ltr" | "rtl";
|
|
13
13
|
activationMode?: "automatic" | "manual";
|
|
14
|
-
} & React$1.RefAttributes<
|
|
15
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<
|
|
14
|
+
} & React$1.RefAttributes<react_native13.View>>;
|
|
15
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<react_native13.ViewProps & {
|
|
16
16
|
asChild?: boolean;
|
|
17
|
-
} & React$1.RefAttributes<
|
|
18
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<
|
|
17
|
+
} & React$1.RefAttributes<react_native13.View>, "ref"> & React$1.RefAttributes<react_native13.View>>;
|
|
18
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<react_native13.PressableProps & React$1.RefAttributes<react_native13.View>, "ref"> & {
|
|
19
19
|
asChild?: boolean;
|
|
20
20
|
} & {
|
|
21
21
|
onKeyDown?: (ev: React$1.KeyboardEvent) => void;
|
|
22
22
|
onKeyUp?: (ev: React$1.KeyboardEvent) => void;
|
|
23
23
|
} & {
|
|
24
24
|
value: string;
|
|
25
|
-
} & React$1.RefAttributes<
|
|
26
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<
|
|
25
|
+
} & React$1.RefAttributes<react_native13.View>, "ref"> & React$1.RefAttributes<react_native13.View>>;
|
|
26
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<react_native13.ViewProps & {
|
|
27
27
|
asChild?: boolean;
|
|
28
|
-
} &
|
|
28
|
+
} & _rn_primitives_types0.ForceMountable & {
|
|
29
29
|
value: string;
|
|
30
|
-
} & React$1.RefAttributes<
|
|
30
|
+
} & React$1.RefAttributes<react_native13.View>, "ref"> & React$1.RefAttributes<react_native13.View>>;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
33
33
|
//# sourceMappingURL=tabs.d.ts.map
|
package/dist/ui/tabs.js
CHANGED
|
@@ -5,19 +5,19 @@ import * as TabsPrimitive from "@rn-primitives/tabs";
|
|
|
5
5
|
|
|
6
6
|
//#region ui/tabs.tsx
|
|
7
7
|
const Tabs = TabsPrimitive.Root;
|
|
8
|
-
const TabsList = React$1.forwardRef(({ className
|
|
8
|
+
const TabsList = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.List, {
|
|
9
9
|
ref,
|
|
10
10
|
className: cn("bg-muted text-muted-foreground web:inline-flex h-10 items-center justify-center rounded-md p-1", className),
|
|
11
11
|
...props
|
|
12
12
|
}));
|
|
13
13
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
14
|
-
const TabsTrigger = React$1.forwardRef(({ className
|
|
14
|
+
const TabsTrigger = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
|
|
15
15
|
ref,
|
|
16
16
|
className: cn("web:inline-flex web:whitespace-nowrap web:ring-offset-background web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 items-center justify-center rounded-xs px-3 py-1.5 text-sm font-medium disabled:pointer-events-none disabled:opacity-50", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-2xs", className),
|
|
17
17
|
...props
|
|
18
18
|
}));
|
|
19
19
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
20
|
-
const TabsContent = React$1.forwardRef(({ className
|
|
20
|
+
const TabsContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, {
|
|
21
21
|
ref,
|
|
22
22
|
className: cn("web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", className),
|
|
23
23
|
...props
|
package/dist/ui/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":["React"],"sources":["../../ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from '@rn-primitives/tabs';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground web:inline-flex h-10 items-center justify-center rounded-md p-1',\n className\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n 'web:inline-flex web:whitespace-nowrap web:ring-offset-background web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 items-center justify-center rounded-xs px-3 py-1.5 text-sm font-medium disabled:pointer-events-none disabled:opacity-50',\n 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-2xs',\n className\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n 'web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n className\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":";;;;;;AAIA,MAAM,OAAO,cAAc;AAE3B,MAAM,WAAWA,QAAM,YAGpB,EAAE,
|
|
1
|
+
{"version":3,"file":"tabs.js","names":["React"],"sources":["../../ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from '@rn-primitives/tabs';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground web:inline-flex h-10 items-center justify-center rounded-md p-1',\n className\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n 'web:inline-flex web:whitespace-nowrap web:ring-offset-background web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 items-center justify-center rounded-xs px-3 py-1.5 text-sm font-medium disabled:pointer-events-none disabled:opacity-50',\n 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-2xs',\n className\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n 'web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n className\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":";;;;;;AAIA,MAAM,OAAO,cAAc;AAE3B,MAAM,WAAWA,QAAM,YAGpB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,kGACA,UACD;CACD,GAAI;EACJ,CACF;AACF,SAAS,cAAc,cAAc,KAAK;AAE1C,MAAM,cAAcA,QAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,qUACA,wGACA,UACD;CACD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,cAAc,QAAQ;AAEhD,MAAM,cAAcA,QAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,oJACA,UACD;CACD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,cAAc,QAAQ"}
|
package/dist/ui/text.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import { Text as Text$1 } from "react-native";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime69 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region ui/text.d.ts
|
|
6
6
|
declare const TextClassContext: React$1.Context<string | undefined>;
|
|
@@ -15,7 +15,7 @@ declare function Text({
|
|
|
15
15
|
}: React$1.ComponentProps<typeof Text$1> & {
|
|
16
16
|
ref?: React$1.RefObject<React$1.ComponentRef<typeof Text$1>>;
|
|
17
17
|
asChild?: boolean;
|
|
18
|
-
}):
|
|
18
|
+
}): react_jsx_runtime69.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { Text, TextClassContext, TextProps };
|
|
21
21
|
//# sourceMappingURL=text.d.ts.map
|
package/dist/ui/text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM,kBAAgB,OAAA,CAAA;KAEV,SAAA,GAAY,OAAA,CAAM,sBAAsB;QAC5C,OAAA,CAAM,UAAU,OAAA,CAAM,oBAAoB;EAH5C,OAAA,CAAA,EAAA,OAAA;AAEN,CAAA;iBAKS,IAAA,CAL2C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EASjD,OAAA,CAAM,cAT2C,CAAA,OASrB,MATqB,CAAA,GAAA;EAA5B,GAAA,CAAA,EAUhB,OAAA,CAAM,SAVgB,CAUN,OAAA,CAAM,YAVA,CAAA,OAUoB,MAVpB,CAAA,CAAA;EACoB,OAAA,CAAA,EAAA,OAAA;CAA1B,CAAA,EAWvB,
|
|
1
|
+
{"version":3,"file":"text.d.ts","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM,kBAAgB,OAAA,CAAA;KAEV,SAAA,GAAY,OAAA,CAAM,sBAAsB;QAC5C,OAAA,CAAM,UAAU,OAAA,CAAM,oBAAoB;EAH5C,OAAA,CAAA,EAAA,OAAA;AAEN,CAAA;iBAKS,IAAA,CAL2C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EASjD,OAAA,CAAM,cAT2C,CAAA,OASrB,MATqB,CAAA,GAAA;EAA5B,GAAA,CAAA,EAUhB,OAAA,CAAM,SAVgB,CAUN,OAAA,CAAM,YAVA,CAAA,OAUoB,MAVpB,CAAA,CAAA;EACoB,OAAA,CAAA,EAAA,OAAA;CAA1B,CAAA,EAWvB,mBAAA,CAAA,GAAA,CAAA,OAX6B"}
|
package/dist/ui/text.js
CHANGED
|
@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
6
6
|
|
|
7
7
|
//#region ui/text.tsx
|
|
8
8
|
const TextClassContext = React$1.createContext(void 0);
|
|
9
|
-
function Text({ className, asChild = false
|
|
9
|
+
function Text({ className, asChild = false, ...props }) {
|
|
10
10
|
const textClass = React$1.useContext(TextClassContext);
|
|
11
11
|
return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
|
|
12
12
|
className: cn("text-foreground web:select-text text-base", textClass, className),
|
package/dist/ui/text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","names":["React","RNText"],"sources":["../../ui/text.tsx"],"sourcesContent":["import * as Slot from '@rn-primitives/slot';\nimport * as React from 'react';\nimport { Text as RNText } from 'react-native';\nimport { cn } from './utils';\n\nconst TextClassContext = React.createContext<string | undefined>(undefined);\n\nexport type TextProps = React.ComponentProps<typeof RNText> & {\n ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n asChild?: boolean;\n};\n\nfunction Text({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<typeof RNText> & {\n ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n asChild?: boolean;\n}) {\n const textClass = React.useContext(TextClassContext);\n const Component = asChild ? Slot.Text : RNText;\n return (\n <Component\n className={cn(\n 'text-foreground web:select-text text-base',\n textClass,\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Text, TextClassContext };\n"],"mappings":";;;;;;;AAKA,MAAM,mBAAmBA,QAAM,cAAkC,OAAU;AAO3E,SAAS,KAAK,EACZ,WACA,UAAU,
|
|
1
|
+
{"version":3,"file":"text.js","names":["React","RNText"],"sources":["../../ui/text.tsx"],"sourcesContent":["import * as Slot from '@rn-primitives/slot';\nimport * as React from 'react';\nimport { Text as RNText } from 'react-native';\nimport { cn } from './utils';\n\nconst TextClassContext = React.createContext<string | undefined>(undefined);\n\nexport type TextProps = React.ComponentProps<typeof RNText> & {\n ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n asChild?: boolean;\n};\n\nfunction Text({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<typeof RNText> & {\n ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n asChild?: boolean;\n}) {\n const textClass = React.useContext(TextClassContext);\n const Component = asChild ? Slot.Text : RNText;\n return (\n <Component\n className={cn(\n 'text-foreground web:select-text text-base',\n textClass,\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Text, TextClassContext };\n"],"mappings":";;;;;;;AAKA,MAAM,mBAAmBA,QAAM,cAAkC,OAAU;AAO3E,SAAS,KAAK,EACZ,WACA,UAAU,OACV,GAAG,SAIF;CACD,MAAM,YAAYA,QAAM,WAAW,iBAAiB;AAEpD,QACE,oBAFgB,UAAU,KAAK,OAAOC;EAGpC,WAAW,GACT,6CACA,WACA,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/textarea.js
CHANGED
|
@@ -4,7 +4,7 @@ import { TextInput } from "react-native";
|
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region ui/textarea.tsx
|
|
7
|
-
const Textarea = React$1.forwardRef(({ className, placeholderClassName
|
|
7
|
+
const Textarea = React$1.forwardRef(({ className, placeholderClassName, ...props }, ref) => {
|
|
8
8
|
return /* @__PURE__ */ jsx(TextInput, {
|
|
9
9
|
ref,
|
|
10
10
|
className: cn("native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 min-h-[80px] w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm", props.editable === false && "web:cursor-not-allowed opacity-50", className),
|
package/dist/ui/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","names":["React"],"sources":["../../ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nconst Textarea = React.forwardRef<\n TextInput,\n TextInputProps & {\n ref?: React.RefObject<TextInput>;\n }\n>(({ className, placeholderClassName, ...props }, ref) => {\n return (\n <TextInput\n ref={ref}\n className={cn(\n 'native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 min-h-[80px] w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n props.editable === false && 'web:cursor-not-allowed opacity-50',\n className\n )}\n placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n multiline\n {...props}\n />\n );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;;AAIA,MAAM,WAAWA,QAAM,YAKpB,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"textarea.js","names":["React"],"sources":["../../ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nconst Textarea = React.forwardRef<\n TextInput,\n TextInputProps & {\n ref?: React.RefObject<TextInput>;\n }\n>(({ className, placeholderClassName, ...props }, ref) => {\n return (\n <TextInput\n ref={ref}\n className={cn(\n 'native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 min-h-[80px] w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n props.editable === false && 'web:cursor-not-allowed opacity-50',\n className\n )}\n placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n multiline\n {...props}\n />\n );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;;AAIA,MAAM,WAAWA,QAAM,YAKpB,EAAE,WAAW,sBAAsB,GAAG,SAAS,QAAQ;AACxD,QACE,oBAAC;EACM;EACL,WAAW,GACT,sYACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE;EACA,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc"}
|
package/dist/ui/time-picker.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime68 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/time-picker.d.ts
|
|
4
4
|
interface TimePickerProps {
|
|
@@ -16,7 +16,7 @@ declare function TimePicker({
|
|
|
16
16
|
placeholder,
|
|
17
17
|
is24Hour,
|
|
18
18
|
className
|
|
19
|
-
}: TimePickerProps):
|
|
19
|
+
}: TimePickerProps): react_jsx_runtime68.JSX.Element;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { TimePicker, TimePickerProps };
|
|
22
22
|
//# sourceMappingURL=time-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../ui/time-picker.tsx"],"sourcesContent":[],"mappings":";;;UAUiB,eAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAe;EAsBhB,WAAA,CAAA,EAAU,MAAA;EACxB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,UAAA,CAId;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,eAHD,CAAA,EAGgB,
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../ui/time-picker.tsx"],"sourcesContent":[],"mappings":";;;UAUiB,eAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAe;EAsBhB,WAAA,CAAA,EAAU,MAAA;EACxB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,UAAA,CAId;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,eAHD,CAAA,EAGgB,mBAAA,CAAA,GAAA,CAAA,OAHhB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { toggleVariants } from "./toggle.js";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
import { LucideIcon } from "lucide-react-native";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime43 from "react/jsx-runtime";
|
|
5
5
|
import { VariantProps } from "class-variance-authority";
|
|
6
6
|
import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
|
|
7
7
|
|
|
@@ -14,7 +14,7 @@ declare function ToggleGroup({
|
|
|
14
14
|
...props
|
|
15
15
|
}: ToggleGroupPrimitive.RootProps & VariantProps<typeof toggleVariants> & {
|
|
16
16
|
ref?: React$1.RefObject<ToggleGroupPrimitive.RootRef>;
|
|
17
|
-
}):
|
|
17
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
18
18
|
declare function ToggleGroupItem({
|
|
19
19
|
className,
|
|
20
20
|
children,
|
|
@@ -23,14 +23,14 @@ declare function ToggleGroupItem({
|
|
|
23
23
|
...props
|
|
24
24
|
}: ToggleGroupPrimitive.ItemProps & VariantProps<typeof toggleVariants> & {
|
|
25
25
|
ref?: React$1.RefObject<ToggleGroupPrimitive.ItemRef>;
|
|
26
|
-
}):
|
|
26
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
27
27
|
declare function ToggleGroupIcon({
|
|
28
28
|
className,
|
|
29
29
|
icon: Icon,
|
|
30
30
|
...props
|
|
31
31
|
}: React$1.ComponentPropsWithoutRef<LucideIcon> & {
|
|
32
32
|
icon: LucideIcon;
|
|
33
|
-
}):
|
|
33
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
34
34
|
//#endregion
|
|
35
35
|
export { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };
|
|
36
36
|
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAYS,WAAA;;;;;;GAMN,oBAAA,CAAqB,YACtB,oBAAoB;QACZ,OAAA,CAAM,UAAU,oBAAA,CAAqB;IAC5C,
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAYS,WAAA;;;;;;GAMN,oBAAA,CAAqB,YACtB,oBAAoB;QACZ,OAAA,CAAM,UAAU,oBAAA,CAAqB;IAC5C,mBAAA,CAAA,GAAA,CAAA;AAhBiE,iBA0C3D,eAAA,CAnCW;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAyCjB,oBAAA,CAAqB,SAzCJ,GA0ClB,YA1CkB,CAAA,OA0CE,cA1CF,CAAA,GAAA;EAClB,GAAA,CAAA,EA0CQ,OAAA,CAAM,SA1Cd,CA0CwB,oBAAA,CAAqB,OA1C7C,CAAA;CACA,CAAA,EA0CC,mBAAA,CAAA,GAAA,CAAA,OA1CD;iBA0EO,eAAA,CAzEP;EAAA,SAAA;EAAA,IAAA,EA2EM,IA3EN;EAAA,GAAA;CAAA,EA6EC,OAAA,CAAM,wBA7EP,CA6EgC,UA7EhC,CAAA,GAAA;EACA,IAAA,EA6EM,UA7EN;CAEC,CAAA,EA4EF,mBAAA,CAAA,GAAA,CAAA,OA5EuB"}
|
package/dist/ui/toggle-group.js
CHANGED
|
@@ -7,7 +7,7 @@ import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
|
|
|
7
7
|
|
|
8
8
|
//#region ui/toggle-group.tsx
|
|
9
9
|
const ToggleGroupContext = React$1.createContext(null);
|
|
10
|
-
function ToggleGroup({ className, variant, size, children
|
|
10
|
+
function ToggleGroup({ className, variant, size, children, ...props }) {
|
|
11
11
|
return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
|
|
12
12
|
className: cn("flex flex-row items-center justify-center gap-1", className),
|
|
13
13
|
...props,
|
|
@@ -25,7 +25,7 @@ function useToggleGroupContext() {
|
|
|
25
25
|
if (context === null) throw new Error("ToggleGroup compound components cannot be rendered outside the ToggleGroup component");
|
|
26
26
|
return context;
|
|
27
27
|
}
|
|
28
|
-
function ToggleGroupItem({ className, children, variant, size
|
|
28
|
+
function ToggleGroupItem({ className, children, variant, size, ...props }) {
|
|
29
29
|
const context = useToggleGroupContext();
|
|
30
30
|
const { value } = ToggleGroupPrimitive.useRootContext();
|
|
31
31
|
return /* @__PURE__ */ jsx(TextClassContext.Provider, {
|
|
@@ -43,7 +43,7 @@ function ToggleGroupItem({ className, children, variant, size,...props }) {
|
|
|
43
43
|
})
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
|
-
function ToggleGroupIcon({ className, icon: Icon
|
|
46
|
+
function ToggleGroupIcon({ className, icon: Icon, ...props }) {
|
|
47
47
|
return /* @__PURE__ */ jsx(Icon, {
|
|
48
48
|
className: cn(React$1.useContext(TextClassContext), className),
|
|
49
49
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","names":["React"],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { toggleTextVariants, toggleVariants } from './toggle';\nimport { TextClassContext } from './text';\nimport * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';\nimport { cn } from './utils';\n\nconst ToggleGroupContext = React.createContext<VariantProps<\n typeof toggleVariants\n> | null>(null);\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n children,\n ...props\n}: ToggleGroupPrimitive.RootProps &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<ToggleGroupPrimitive.RootRef>;\n }) {\n return (\n <ToggleGroupPrimitive.Root\n className={cn(\n 'flex flex-row items-center justify-center gap-1',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n );\n}\n\nfunction useToggleGroupContext() {\n const context = React.useContext(ToggleGroupContext);\n if (context === null) {\n throw new Error(\n 'ToggleGroup compound components cannot be rendered outside the ToggleGroup component'\n );\n }\n return context;\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: ToggleGroupPrimitive.ItemProps &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<ToggleGroupPrimitive.ItemRef>;\n }) {\n const context = useToggleGroupContext();\n const { value } = ToggleGroupPrimitive.useRootContext();\n\n return (\n <TextClassContext.Provider\n value={cn(\n toggleTextVariants({ variant, size }),\n ToggleGroupPrimitive.utils.getIsSelected(value, props.value)\n ? 'text-accent-foreground'\n : 'web:group-hover:text-muted-foreground'\n )}\n >\n <ToggleGroupPrimitive.Item\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n props.disabled && 'web:pointer-events-none opacity-50',\n ToggleGroupPrimitive.utils.getIsSelected(value, props.value) &&\n 'bg-accent',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n </TextClassContext.Provider>\n );\n}\n\nfunction ToggleGroupIcon({\n className,\n icon: Icon,\n ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n icon: LucideIcon;\n}) {\n const textClass = React.useContext(TextClassContext);\n return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqBA,QAAM,cAEvB,KAAK;AAEf,SAAS,YAAY,EACnB,WACA,SACA,MACA,
|
|
1
|
+
{"version":3,"file":"toggle-group.js","names":["React"],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { toggleTextVariants, toggleVariants } from './toggle';\nimport { TextClassContext } from './text';\nimport * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';\nimport { cn } from './utils';\n\nconst ToggleGroupContext = React.createContext<VariantProps<\n typeof toggleVariants\n> | null>(null);\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n children,\n ...props\n}: ToggleGroupPrimitive.RootProps &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<ToggleGroupPrimitive.RootRef>;\n }) {\n return (\n <ToggleGroupPrimitive.Root\n className={cn(\n 'flex flex-row items-center justify-center gap-1',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n );\n}\n\nfunction useToggleGroupContext() {\n const context = React.useContext(ToggleGroupContext);\n if (context === null) {\n throw new Error(\n 'ToggleGroup compound components cannot be rendered outside the ToggleGroup component'\n );\n }\n return context;\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n ...props\n}: ToggleGroupPrimitive.ItemProps &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<ToggleGroupPrimitive.ItemRef>;\n }) {\n const context = useToggleGroupContext();\n const { value } = ToggleGroupPrimitive.useRootContext();\n\n return (\n <TextClassContext.Provider\n value={cn(\n toggleTextVariants({ variant, size }),\n ToggleGroupPrimitive.utils.getIsSelected(value, props.value)\n ? 'text-accent-foreground'\n : 'web:group-hover:text-muted-foreground'\n )}\n >\n <ToggleGroupPrimitive.Item\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n props.disabled && 'web:pointer-events-none opacity-50',\n ToggleGroupPrimitive.utils.getIsSelected(value, props.value) &&\n 'bg-accent',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n </TextClassContext.Provider>\n );\n}\n\nfunction ToggleGroupIcon({\n className,\n icon: Icon,\n ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n icon: LucideIcon;\n}) {\n const textClass = React.useContext(TextClassContext);\n return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqBA,QAAM,cAEvB,KAAK;AAEf,SAAS,YAAY,EACnB,WACA,SACA,MACA,UACA,GAAG,SAIA;AACH,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,mDACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB;GAAS,OAAO;IAAE;IAAS;IAAM;GAClD;IAC2B;GACJ;;AAIhC,SAAS,wBAAwB;CAC/B,MAAM,UAAUA,QAAM,WAAW,mBAAmB;AACpD,KAAI,YAAY,KACd,OAAM,IAAI,MACR,uFACD;AAEH,QAAO;;AAGT,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAIA;CACH,MAAM,UAAU,uBAAuB;CACvC,MAAM,EAAE,UAAU,qBAAqB,gBAAgB;AAEvD,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mBAAmB;GAAE;GAAS;GAAM,CAAC,EACrC,qBAAqB,MAAM,cAAc,OAAO,MAAM,MAAM,GACxD,2BACA,wCACL;YAED,oBAAC,qBAAqB;GACpB,WAAW,GACT,eAAe;IACb,SAAS,QAAQ,WAAW;IAC5B,MAAM,QAAQ,QAAQ;IACvB,CAAC,EACF,MAAM,YAAY,sCAClB,qBAAqB,MAAM,cAAc,OAAO,MAAM,MAAM,IAC1D,aACF,UACD;GACD,GAAI;GAEH;IACyB;GACF;;AAIhC,SAAS,gBAAgB,EACvB,WACA,MAAM,MACN,GAAG,SAGF;AAED,QAAO,oBAAC;EAAK,WAAW,GADNA,QAAM,WAAW,iBAAiB,EACd,UAAU;EAAE,GAAI;GAAS"}
|
package/dist/ui/toggle.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import { LucideIcon } from "lucide-react-native";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime26 from "react/jsx-runtime";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
5
5
|
import * as TogglePrimitive from "@rn-primitives/toggle";
|
|
6
|
-
import * as
|
|
6
|
+
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
7
7
|
|
|
8
8
|
//#region ui/toggle.d.ts
|
|
9
9
|
declare const toggleVariants: (props?: ({
|
|
10
10
|
variant?: "default" | "outline" | null | undefined;
|
|
11
11
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
12
|
-
} &
|
|
12
|
+
} & class_variance_authority_types3.ClassProp) | undefined) => string;
|
|
13
13
|
declare const toggleTextVariants: (props?: ({
|
|
14
14
|
variant?: "default" | "outline" | null | undefined;
|
|
15
15
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
16
|
-
} &
|
|
16
|
+
} & class_variance_authority_types3.ClassProp) | undefined) => string;
|
|
17
17
|
declare function Toggle({
|
|
18
18
|
className,
|
|
19
19
|
variant,
|
|
@@ -21,14 +21,14 @@ declare function Toggle({
|
|
|
21
21
|
...props
|
|
22
22
|
}: TogglePrimitive.RootProps & VariantProps<typeof toggleVariants> & VariantProps<typeof toggleVariants> & {
|
|
23
23
|
ref?: React$1.RefObject<TogglePrimitive.RootRef>;
|
|
24
|
-
}):
|
|
24
|
+
}): react_jsx_runtime26.JSX.Element;
|
|
25
25
|
declare function ToggleIcon({
|
|
26
26
|
className,
|
|
27
27
|
icon: Icon,
|
|
28
28
|
...props
|
|
29
29
|
}: React$1.ComponentPropsWithoutRef<LucideIcon> & {
|
|
30
30
|
icon: LucideIcon;
|
|
31
|
-
}):
|
|
31
|
+
}): react_jsx_runtime26.JSX.Element;
|
|
32
32
|
//#endregion
|
|
33
33
|
export { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };
|
|
34
34
|
//# sourceMappingURL=toggle.d.ts.map
|
package/dist/ui/toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;;IAoBL,+BAAA,CAAA;AAxB8B,cA0BzB,kBAFL,EAAA,CAAA,KAyBC,CAzBD,EAAA,CAAA;EAEK,OAAA,CAAA,EAAA,SAAA,GAoBL,SAAA,GAAA,IAAA,GAAA,SAAA;EAEQ,IAAA,CAAA,EAAA,SAAM,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CACb,GAHD,+BAAA,CAAA,SAGC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBADO,MAAA,CAEP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAGC,eAAA,CAAgB,SAHjB,GAIA,YAJA,CAAA,OAIoB,cAJpB,CAAA,GAKA,YALA,CAAA,OAKoB,cALpB,CAAA,GAAA;EACA,GAAA,CAAA,EAKQ,OAAA,CAAM,SALd,CAKwB,eAAA,CAAgB,OALxC,CAAA;CAEC,CAAA,EAIA,
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;;IAoBL,+BAAA,CAAA;AAxB8B,cA0BzB,kBAFL,EAAA,CAAA,KAyBC,CAzBD,EAAA,CAAA;EAEK,OAAA,CAAA,EAAA,SAAA,GAoBL,SAAA,GAAA,IAAA,GAAA,SAAA;EAEQ,IAAA,CAAA,EAAA,SAAM,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CACb,GAHD,+BAAA,CAAA,SAGC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBADO,MAAA,CAEP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAGC,eAAA,CAAgB,SAHjB,GAIA,YAJA,CAAA,OAIoB,cAJpB,CAAA,GAKA,YALA,CAAA,OAKoB,cALpB,CAAA,GAAA;EACA,GAAA,CAAA,EAKQ,OAAA,CAAM,SALd,CAKwB,eAAA,CAAgB,OALxC,CAAA;CAEC,CAAA,EAIA,mBAAA,CAAA,GAAA,CAAA,OAJgB;iBA4BV,UAAA,CA3Ba;EAAA,SAAA;EAAA,IAAA,EA6Bd,IA7Bc;EAAA,GAAA;CAAA,EA+BnB,OAAA,CAAM,wBA/Ba,CA+BY,UA/BZ,CAAA,GAAA;EAApB,IAAA,EAgCM,UAhCN;CACoB,CAAA,EAgCrB,mBAAA,CAAA,GAAA,CAAA,OAhCqB"}
|
package/dist/ui/toggle.js
CHANGED
|
@@ -40,7 +40,7 @@ const toggleTextVariants = cva("text-sm native:text-base text-foreground font-me
|
|
|
40
40
|
size: "default"
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
|
-
function Toggle({ className, variant, size
|
|
43
|
+
function Toggle({ className, variant, size, ...props }) {
|
|
44
44
|
return /* @__PURE__ */ jsx(TextClassContext.Provider, {
|
|
45
45
|
value: cn(toggleTextVariants({
|
|
46
46
|
variant,
|
|
@@ -55,7 +55,7 @@ function Toggle({ className, variant, size,...props }) {
|
|
|
55
55
|
})
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
function ToggleIcon({ className, icon: Icon
|
|
58
|
+
function ToggleIcon({ className, icon: Icon, ...props }) {
|
|
59
59
|
return /* @__PURE__ */ jsx(Icon, {
|
|
60
60
|
className: cn(React$1.useContext(TextClassContext), className),
|
|
61
61
|
...props
|
package/dist/ui/toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","names":["React"],"sources":["../../ui/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from '@rn-primitives/toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst toggleVariants = cva(\n 'web:group web:inline-flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:hover:bg-muted active:bg-muted web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n outline:\n 'border border-input bg-transparent web:hover:bg-accent active:bg-accent active:bg-accent',\n },\n size: {\n default: 'h-10 px-3 native:h-12 native:px-[12]',\n sm: 'h-9 px-2.5 native:h-10 native:px-[9]',\n lg: 'h-11 px-5 native:h-14 native:px-6',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nconst toggleTextVariants = cva(\n 'text-sm native:text-base text-foreground font-medium',\n {\n variants: {\n variant: {\n default: '',\n outline:\n 'web:group-hover:text-accent-foreground web:group-active:text-accent-foreground',\n },\n size: {\n default: '',\n sm: '',\n lg: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nfunction Toggle({\n className,\n variant,\n size,\n ...props\n}: TogglePrimitive.RootProps &\n VariantProps<typeof toggleVariants> &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<TogglePrimitive.RootRef>;\n }) {\n return (\n <TextClassContext.Provider\n value={cn(\n toggleTextVariants({ variant, size }),\n props.pressed\n ? 'text-accent-foreground'\n : 'web:group-hover:text-muted-foreground',\n className\n )}\n >\n <TogglePrimitive.Root\n className={cn(\n toggleVariants({ variant, size }),\n props.disabled && 'web:pointer-events-none opacity-50',\n props.pressed && 'bg-accent',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nfunction ToggleIcon({\n className,\n icon: Icon,\n ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n icon: LucideIcon;\n}) {\n const textClass = React.useContext(TextClassContext);\n return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,IACrB,8QACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,qBAAqB,IACzB,wDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,
|
|
1
|
+
{"version":3,"file":"toggle.js","names":["React"],"sources":["../../ui/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from '@rn-primitives/toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst toggleVariants = cva(\n 'web:group web:inline-flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:hover:bg-muted active:bg-muted web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n outline:\n 'border border-input bg-transparent web:hover:bg-accent active:bg-accent active:bg-accent',\n },\n size: {\n default: 'h-10 px-3 native:h-12 native:px-[12]',\n sm: 'h-9 px-2.5 native:h-10 native:px-[9]',\n lg: 'h-11 px-5 native:h-14 native:px-6',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nconst toggleTextVariants = cva(\n 'text-sm native:text-base text-foreground font-medium',\n {\n variants: {\n variant: {\n default: '',\n outline:\n 'web:group-hover:text-accent-foreground web:group-active:text-accent-foreground',\n },\n size: {\n default: '',\n sm: '',\n lg: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nfunction Toggle({\n className,\n variant,\n size,\n ...props\n}: TogglePrimitive.RootProps &\n VariantProps<typeof toggleVariants> &\n VariantProps<typeof toggleVariants> & {\n ref?: React.RefObject<TogglePrimitive.RootRef>;\n }) {\n return (\n <TextClassContext.Provider\n value={cn(\n toggleTextVariants({ variant, size }),\n props.pressed\n ? 'text-accent-foreground'\n : 'web:group-hover:text-muted-foreground',\n className\n )}\n >\n <TogglePrimitive.Root\n className={cn(\n toggleVariants({ variant, size }),\n props.disabled && 'web:pointer-events-none opacity-50',\n props.pressed && 'bg-accent',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nfunction ToggleIcon({\n className,\n icon: Icon,\n ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n icon: LucideIcon;\n}) {\n const textClass = React.useContext(TextClassContext);\n return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,IACrB,8QACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,qBAAqB,IACzB,wDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SAKA;AACH,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mBAAmB;GAAE;GAAS;GAAM,CAAC,EACrC,MAAM,UACF,2BACA,yCACJ,UACD;YAED,oBAAC,gBAAgB;GACf,WAAW,GACT,eAAe;IAAE;IAAS;IAAM,CAAC,EACjC,MAAM,YAAY,sCAClB,MAAM,WAAW,aACjB,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,WAAW,EAClB,WACA,MAAM,MACN,GAAG,SAGF;AAED,QAAO,oBAAC;EAAK,WAAW,GADNA,QAAM,WAAW,iBAAiB,EACd,UAAU;EAAE,GAAI;GAAS"}
|
package/dist/ui/tooltip.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
2
|
+
import * as react_native2 from "react-native";
|
|
3
|
+
import * as react_jsx_runtime28 from "react/jsx-runtime";
|
|
4
4
|
import * as _rn_primitives_tooltip0 from "@rn-primitives/tooltip";
|
|
5
5
|
|
|
6
6
|
//#region ui/tooltip.d.ts
|
|
7
|
-
declare const Tooltip: React$1.ForwardRefExoticComponent<
|
|
7
|
+
declare const Tooltip: React$1.ForwardRefExoticComponent<react_native2.ViewProps & {
|
|
8
8
|
asChild?: boolean;
|
|
9
9
|
} & {
|
|
10
10
|
onOpenChange?: (open: boolean) => void;
|
|
11
11
|
delayDuration?: number;
|
|
12
12
|
skipDelayDuration?: number;
|
|
13
13
|
disableHoverableContent?: boolean;
|
|
14
|
-
} & React$1.RefAttributes<
|
|
15
|
-
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<
|
|
14
|
+
} & React$1.RefAttributes<react_native2.View>>;
|
|
15
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<react_native2.PressableProps & React$1.RefAttributes<react_native2.View>, "ref"> & {
|
|
16
16
|
asChild?: boolean;
|
|
17
17
|
} & {
|
|
18
18
|
onKeyDown?: (ev: React$1.KeyboardEvent) => void;
|
|
@@ -26,7 +26,7 @@ declare function TooltipContent({
|
|
|
26
26
|
}: _rn_primitives_tooltip0.ContentProps & {
|
|
27
27
|
ref?: React$1.RefObject<_rn_primitives_tooltip0.ContentRef>;
|
|
28
28
|
portalHost?: string;
|
|
29
|
-
}):
|
|
29
|
+
}): react_jsx_runtime28.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
export { Tooltip, TooltipContent, TooltipTrigger };
|
|
32
32
|
//# sourceMappingURL=tooltip.d.ts.map
|
package/dist/ui/tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,SAAO,OAAA,CAAA,0BAAwB,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,SAAO,OAAA,CAAA,0BAAwB,aAAA,CAAxB,SAAA;;;;EAAP,aAA+B,CAAA,EAAA,MAAA;EAAA,iBAAxB,CAAA,EAAA,MAAA;EAAA,uBAAA,CAAA,EAAA,OAAA;0BAAA,aAAA,CAAA,IAAA;cAEP,cAFO,EAEO,OAAA,CAAA,yBAFP,CAEO,IAFP,CAEkC,aAAA,CAA3B,cAAA,GAAA,OAAA,CAAA,aAFP,CAEO,aAAA,CAAA,IAAA,CAFP,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,GAEP;EAAyC,SAAA,CAAA,EAA3B,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,oCAAA,CAAA;iBAEX,cAAA,CAFW;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAOjB,uBAAA,CAAiB,YAPA,GAAA;QAQZ,OAAA,CAAM,UAAU,uBAAA,CAAiB;;IAExC,mBAAA,CAAA,GAAA,CAAA"}
|
package/dist/ui/tooltip.js
CHANGED
|
@@ -9,7 +9,7 @@ import * as TooltipPrimitive from "@rn-primitives/tooltip";
|
|
|
9
9
|
//#region ui/tooltip.tsx
|
|
10
10
|
const Tooltip = TooltipPrimitive.Root;
|
|
11
11
|
const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
12
|
-
function TooltipContent({ className, sideOffset = 4, portalHost
|
|
12
|
+
function TooltipContent({ className, sideOffset = 4, portalHost, ...props }) {
|
|
13
13
|
return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
|
|
14
14
|
hostName: portalHost,
|
|
15
15
|
children: /* @__PURE__ */ jsx(TooltipPrimitive.Overlay, {
|
package/dist/ui/tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@rn-primitives/tooltip';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nfunction TooltipContent({\n className,\n sideOffset = 4,\n portalHost,\n ...props\n}: TooltipPrimitive.ContentProps & {\n ref?: React.RefObject<TooltipPrimitive.ContentRef>;\n portalHost?: string;\n}) {\n return (\n <TooltipPrimitive.Portal hostName={portalHost}>\n <TooltipPrimitive.Overlay\n style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n >\n <Animated.View\n entering={Platform.select({ web: undefined, default: FadeIn })}\n exiting={Platform.select({ web: undefined, default: FadeOut })}\n >\n <TextClassContext.Provider value=\"text-sm native:text-base text-popover-foreground\">\n <TooltipPrimitive.Content\n sideOffset={sideOffset}\n className={cn(\n 'border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 web:animate-in web:fade-in-0 web:zoom-in-95 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n </Animated.View>\n </TooltipPrimitive.Overlay>\n </TooltipPrimitive.Portal>\n );\n}\n\nexport { Tooltip, TooltipContent, TooltipTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,eAAe,EACtB,WACA,aAAa,GACb,
|
|
1
|
+
{"version":3,"file":"tooltip.js","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@rn-primitives/tooltip';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nfunction TooltipContent({\n className,\n sideOffset = 4,\n portalHost,\n ...props\n}: TooltipPrimitive.ContentProps & {\n ref?: React.RefObject<TooltipPrimitive.ContentRef>;\n portalHost?: string;\n}) {\n return (\n <TooltipPrimitive.Portal hostName={portalHost}>\n <TooltipPrimitive.Overlay\n style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n >\n <Animated.View\n entering={Platform.select({ web: undefined, default: FadeIn })}\n exiting={Platform.select({ web: undefined, default: FadeOut })}\n >\n <TextClassContext.Provider value=\"text-sm native:text-base text-popover-foreground\">\n <TooltipPrimitive.Content\n sideOffset={sideOffset}\n className={cn(\n 'border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 web:animate-in web:fade-in-0 web:zoom-in-95 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n </Animated.View>\n </TooltipPrimitive.Overlay>\n </TooltipPrimitive.Portal>\n );\n}\n\nexport { Tooltip, TooltipContent, TooltipTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,eAAe,EACtB,WACA,aAAa,GACb,YACA,GAAG,SAIF;AACD,QACE,oBAAC,iBAAiB;EAAO,UAAU;YACjC,oBAAC,iBAAiB;GAChB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IACR,UAAU,SAAS,OAAO;KAAE,KAAK;KAAW,SAAS;KAAQ,CAAC;IAC9D,SAAS,SAAS,OAAO;KAAE,KAAK;KAAW,SAAS;KAAS,CAAC;cAE9D,oBAAC,iBAAiB;KAAS,OAAM;eAC/B,oBAAC,iBAAiB;MACJ;MACZ,WAAW,GACT,qTACA,UACD;MACD,GAAI;OACJ;MACwB;KACd;IACS;GACH"}
|