@lssm/lib.ui-kit 1.7.3 → 1.9.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 +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.d.ts +5 -5
- 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/aspect-ratio.d.ts +5 -5
- package/dist/ui/aspect-ratio.d.ts.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 +3 -3
- 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.d.ts +4 -4
- package/dist/ui/button.d.ts.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.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/context-menu.d.ts +16 -16
- package/dist/ui/context-menu.d.ts.map +1 -1
- 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/datetime-picker.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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/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 +10 -10
- 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.d.ts.map +1 -1
- 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/organisms/ListPage/ListPage.d.ts.map +1 -1
- 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/password-strength.d.ts.map +1 -1
- package/dist/ui/popover.d.ts +8 -8
- package/dist/ui/popover.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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 +17 -17
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js +3 -3
- package/dist/ui/stack.js.map +1 -1
- package/dist/ui/stepper.d.ts +4 -4
- package/dist/ui/stepper.d.ts.map +1 -1
- 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 +5 -5
package/dist/ui/stack.js
CHANGED
|
@@ -191,7 +191,7 @@ const boxVariants = cva([baseStyle, "flex-row"], {
|
|
|
191
191
|
wrap: "wrap"
|
|
192
192
|
}
|
|
193
193
|
});
|
|
194
|
-
function Box({ className, spacing, align, justify, width, padding, gap, wrap
|
|
194
|
+
function Box({ className, spacing, align, justify, width, padding, gap, wrap, ...props }) {
|
|
195
195
|
return /* @__PURE__ */ jsx(View, {
|
|
196
196
|
className: cn(boxVariants({
|
|
197
197
|
spacing,
|
|
@@ -205,7 +205,7 @@ function Box({ className, spacing, align, justify, width, padding, gap, wrap,...
|
|
|
205
205
|
...props
|
|
206
206
|
});
|
|
207
207
|
}
|
|
208
|
-
function HStack({ className, spacing, align, justify, width, padding, gap, wrap
|
|
208
|
+
function HStack({ className, spacing, align, justify, width, padding, gap, wrap, ...props }) {
|
|
209
209
|
return /* @__PURE__ */ jsx(View, {
|
|
210
210
|
className: cn(hStackVariants({
|
|
211
211
|
spacing,
|
|
@@ -219,7 +219,7 @@ function HStack({ className, spacing, align, justify, width, padding, gap, wrap,
|
|
|
219
219
|
...props
|
|
220
220
|
});
|
|
221
221
|
}
|
|
222
|
-
function VStack({ className, spacing, align, justify, width, padding, gap
|
|
222
|
+
function VStack({ className, spacing, align, justify, width, padding, gap, ...props }) {
|
|
223
223
|
return /* @__PURE__ */ jsx(View, {
|
|
224
224
|
className: cn(vStackVariants({
|
|
225
225
|
spacing,
|
package/dist/ui/stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from './utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst baseStyle = 'flex';\n\n// VStack variants using cva\nconst vStackVariants = cva(\n [baseStyle, 'flex-col'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-y-1',\n sm: 'gap-y-2',\n md: 'gap-y-4',\n lg: 'gap-y-6',\n xl: 'gap-y-8',\n '2xl': 'gap-y-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'stretch',\n justify: 'start',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n },\n }\n);\n\n// HStack variants using cva\nconst hStackVariants = cva(\n [baseStyle, 'flex-row'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-x-1',\n sm: 'gap-x-2',\n md: 'gap-x-4',\n lg: 'gap-x-6',\n xl: 'gap-x-8',\n '2xl': 'gap-x-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n reverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'center',\n justify: 'start',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n wrap: 'wrap',\n },\n }\n);\n\nconst boxVariants = cva(\n [baseStyle, 'flex-row'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-x-1',\n sm: 'gap-x-2',\n md: 'gap-x-4',\n lg: 'gap-x-6',\n xl: 'gap-x-8',\n '2xl': 'gap-x-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n reverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'center',\n justify: 'center',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n wrap: 'wrap',\n },\n }\n);\n\ntype BoxProps = ViewProps &\n VariantProps<typeof boxVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\ntype VStackProps = ViewProps &\n VariantProps<typeof vStackVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\ntype HStackProps = ViewProps &\n VariantProps<typeof hStackVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\nfunction Box({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n wrap,\n ...props\n}: BoxProps) {\n return (\n <View\n className={cn(\n boxVariants({ spacing, align, justify, width, padding, gap, wrap }),\n className\n )}\n {...props}\n />\n );\n}\n\nfunction HStack({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n wrap,\n ...props\n}: HStackProps) {\n return (\n <View\n className={cn(\n hStackVariants({ spacing, align, justify, width, padding, gap, wrap }),\n className\n )}\n {...props}\n />\n );\n}\n\nfunction VStack({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n ...props\n}: VStackProps) {\n return (\n <View\n className={cn(\n vStackVariants({ spacing, align, justify, width, padding, gap }),\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n HStack,\n VStack,\n type HStackProps,\n type VStackProps,\n Box,\n type BoxProps,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY;AAGlB,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACN;CACF,CACF;AAGD,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAED,MAAM,cAAc,IAClB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAiBD,SAAS,IAAI,EACX,WACA,SACA,OACA,SACA,OACA,SACA,KACA,
|
|
1
|
+
{"version":3,"file":"stack.js","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from './utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst baseStyle = 'flex';\n\n// VStack variants using cva\nconst vStackVariants = cva(\n [baseStyle, 'flex-col'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-y-1',\n sm: 'gap-y-2',\n md: 'gap-y-4',\n lg: 'gap-y-6',\n xl: 'gap-y-8',\n '2xl': 'gap-y-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'stretch',\n justify: 'start',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n },\n }\n);\n\n// HStack variants using cva\nconst hStackVariants = cva(\n [baseStyle, 'flex-row'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-x-1',\n sm: 'gap-x-2',\n md: 'gap-x-4',\n lg: 'gap-x-6',\n xl: 'gap-x-8',\n '2xl': 'gap-x-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n reverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'center',\n justify: 'start',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n wrap: 'wrap',\n },\n }\n);\n\nconst boxVariants = cva(\n [baseStyle, 'flex-row'], // base classes\n {\n variants: {\n spacing: {\n none: '',\n xs: 'gap-x-1',\n sm: 'gap-x-2',\n md: 'gap-x-4',\n lg: 'gap-x-6',\n xl: 'gap-x-8',\n '2xl': 'gap-x-12',\n },\n align: {\n stretch: 'items-stretch',\n start: 'items-start',\n center: 'items-center',\n end: 'items-end',\n baseline: 'items-baseline',\n },\n justify: {\n start: 'justify-start',\n center: 'justify-center',\n end: 'justify-end',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n },\n width: {\n auto: 'w-auto',\n full: 'w-full',\n screen: 'w-screen',\n fit: 'w-fit',\n },\n padding: {\n none: '',\n xs: 'p-1',\n sm: 'p-2',\n md: 'p-4',\n lg: 'p-6',\n xl: 'p-8',\n },\n gap: {\n none: '',\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n },\n wrap: {\n nowrap: 'flex-nowrap',\n wrap: 'flex-wrap',\n reverse: 'flex-wrap-reverse',\n },\n },\n defaultVariants: {\n spacing: 'md',\n align: 'center',\n justify: 'center',\n width: 'auto',\n padding: 'none',\n gap: 'none',\n wrap: 'wrap',\n },\n }\n);\n\ntype BoxProps = ViewProps &\n VariantProps<typeof boxVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\ntype VStackProps = ViewProps &\n VariantProps<typeof vStackVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\ntype HStackProps = ViewProps &\n VariantProps<typeof hStackVariants> & {\n ref?: React.RefObject<React.ComponentRef<typeof View>>;\n };\n\nfunction Box({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n wrap,\n ...props\n}: BoxProps) {\n return (\n <View\n className={cn(\n boxVariants({ spacing, align, justify, width, padding, gap, wrap }),\n className\n )}\n {...props}\n />\n );\n}\n\nfunction HStack({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n wrap,\n ...props\n}: HStackProps) {\n return (\n <View\n className={cn(\n hStackVariants({ spacing, align, justify, width, padding, gap, wrap }),\n className\n )}\n {...props}\n />\n );\n}\n\nfunction VStack({\n className,\n spacing,\n align,\n justify,\n width,\n padding,\n gap,\n ...props\n}: VStackProps) {\n return (\n <View\n className={cn(\n vStackVariants({ spacing, align, justify, width, padding, gap }),\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n HStack,\n VStack,\n type HStackProps,\n type VStackProps,\n Box,\n type BoxProps,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY;AAGlB,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACN;CACF,CACF;AAGD,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAED,MAAM,cAAc,IAClB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAiBD,SAAS,IAAI,EACX,WACA,SACA,OACA,SACA,OACA,SACA,KACA,MACA,GAAG,SACQ;AACX,QACE,oBAAC;EACC,WAAW,GACT,YAAY;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK;GAAM,CAAC,EACnE,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,OAAO,EACd,WACA,SACA,OACA,SACA,OACA,SACA,KACA,MACA,GAAG,SACW;AACd,QACE,oBAAC;EACC,WAAW,GACT,eAAe;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK;GAAM,CAAC,EACtE,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,OAAO,EACd,WACA,SACA,OACA,SACA,OACA,SACA,KACA,GAAG,SACW;AACd,QACE,oBAAC;EACC,WAAW,GACT,eAAe;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK,CAAC,EAChE,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/stepper.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime143 from "react/jsx-runtime";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types13 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region ui/stepper.d.ts
|
|
6
6
|
declare const dotVariants: (props?: ({
|
|
7
7
|
state?: "active" | "inactive" | null | undefined;
|
|
8
8
|
size?: "sm" | "md" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types13.ClassProp) | undefined) => string;
|
|
10
10
|
interface StepperProps extends VariantProps<typeof dotVariants> {
|
|
11
11
|
current: number;
|
|
12
12
|
total: number;
|
|
@@ -17,7 +17,7 @@ declare function Stepper({
|
|
|
17
17
|
total,
|
|
18
18
|
size,
|
|
19
19
|
className
|
|
20
|
-
}: StepperProps):
|
|
20
|
+
}: StepperProps): react_jsx_runtime143.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Stepper, StepperProps };
|
|
23
23
|
//# sourceMappingURL=stepper.d.ts.map
|
package/dist/ui/stepper.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;IAeJ
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;IAeJ,gCAAA,CAAA;AAfI,UAiBW,YAAA,SAAqB,YAFpC,CAAA,OAEwD,WAFxD,CAAA,CAAA;EAEe,OAAA,EAAA,MAAa;EAMd,KAAA,EAAA,MAAO;EAAG,SAAA,CAAA,EAAA,MAAA;;AAAgB,iBAA1B,OAAA,CAA0B;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAmB,YAAnB,CAAA,EAA+B,oBAAA,CAAA,GAAA,CAAA,OAA/B"}
|
package/dist/ui/switch.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime128 from "react/jsx-runtime";
|
|
3
3
|
import * as SwitchPrimitives from "@rn-primitives/switch";
|
|
4
4
|
|
|
5
5
|
//#region ui/switch.d.ts
|
|
@@ -8,7 +8,7 @@ declare function SwitchNative({
|
|
|
8
8
|
...props
|
|
9
9
|
}: SwitchPrimitives.RootProps & {
|
|
10
10
|
ref?: React$1.RefObject<SwitchPrimitives.RootRef>;
|
|
11
|
-
}):
|
|
11
|
+
}): react_jsx_runtime128.JSX.Element;
|
|
12
12
|
declare const Switch: typeof SwitchNative;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Switch };
|
package/dist/ui/switch.js
CHANGED
|
@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
7
7
|
import * as SwitchPrimitives from "@rn-primitives/switch";
|
|
8
8
|
|
|
9
9
|
//#region ui/switch.tsx
|
|
10
|
-
function SwitchWeb({ className
|
|
10
|
+
function SwitchWeb({ className, ...props }) {
|
|
11
11
|
return /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
|
|
12
12
|
className: cn("peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed", props.checked ? "bg-primary" : "bg-input", props.disabled && "opacity-50", className),
|
|
13
13
|
...props,
|
|
@@ -24,7 +24,7 @@ const RGB_COLORS = {
|
|
|
24
24
|
input: "rgb(39, 39, 42)"
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
function SwitchNative({ className
|
|
27
|
+
function SwitchNative({ className, ...props }) {
|
|
28
28
|
const { colorScheme } = useColorScheme();
|
|
29
29
|
const translateX = useDerivedValue(() => props.checked ? 18 : 0);
|
|
30
30
|
const animatedRootStyle = useAnimatedStyle(() => {
|
package/dist/ui/switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitives from '@rn-primitives/switch';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport Animated, {\n interpolateColor,\n useAnimatedStyle,\n useDerivedValue,\n withTiming,\n} from 'react-native-reanimated';\nimport { useColorScheme } from './useColorScheme';\nimport { cn } from './utils';\n\nfunction SwitchWeb({\n className,\n ...props\n}: SwitchPrimitives.RootProps & {\n ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n return (\n <SwitchPrimitives.Root\n className={cn(\n 'peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed',\n props.checked ? 'bg-primary' : 'bg-input',\n props.disabled && 'opacity-50',\n className\n )}\n {...props}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n 'bg-background shadow-foreground/5 pointer-events-none block h-5 w-5 rounded-full shadow-md ring-0 transition-transform',\n props.checked ? 'translate-x-5' : 'translate-x-0'\n )}\n />\n </SwitchPrimitives.Root>\n );\n}\n\nconst RGB_COLORS = {\n light: {\n primary: 'rgb(24, 24, 27)',\n input: 'rgb(228, 228, 231)',\n },\n dark: {\n primary: 'rgb(250, 250, 250)',\n input: 'rgb(39, 39, 42)',\n },\n} as const;\n\nfunction SwitchNative({\n className,\n ...props\n}: SwitchPrimitives.RootProps & {\n ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n const { colorScheme } = useColorScheme();\n const translateX = useDerivedValue(() => (props.checked ? 18 : 0));\n const animatedRootStyle = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n translateX.value,\n [0, 18],\n [RGB_COLORS[colorScheme].input, RGB_COLORS[colorScheme].primary]\n ),\n };\n });\n const animatedThumbStyle = useAnimatedStyle(() => ({\n transform: [\n { translateX: withTiming(translateX.value, { duration: 200 }) },\n ],\n }));\n return (\n <Animated.View\n style={animatedRootStyle}\n className={cn(\n 'h-8 w-[46px] rounded-full',\n props.disabled && 'opacity-50'\n )}\n >\n <SwitchPrimitives.Root\n className={cn(\n 'h-8 w-[46px] shrink-0 flex-row items-center rounded-full border-2 border-transparent',\n props.checked ? 'bg-primary' : 'bg-input',\n className\n )}\n {...props}\n >\n <Animated.View style={animatedThumbStyle}>\n <SwitchPrimitives.Thumb\n className={\n 'bg-background shadow-foreground/25 h-7 w-7 rounded-full shadow-md ring-0'\n }\n />\n </Animated.View>\n </SwitchPrimitives.Root>\n </Animated.View>\n );\n}\n\nconst Switch = Platform.select({\n web: SwitchWeb,\n default: SwitchNative,\n});\n\nexport { Switch };\n"],"mappings":";;;;;;;;;AAYA,SAAS,UAAU,EACjB,
|
|
1
|
+
{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitives from '@rn-primitives/switch';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport Animated, {\n interpolateColor,\n useAnimatedStyle,\n useDerivedValue,\n withTiming,\n} from 'react-native-reanimated';\nimport { useColorScheme } from './useColorScheme';\nimport { cn } from './utils';\n\nfunction SwitchWeb({\n className,\n ...props\n}: SwitchPrimitives.RootProps & {\n ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n return (\n <SwitchPrimitives.Root\n className={cn(\n 'peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed',\n props.checked ? 'bg-primary' : 'bg-input',\n props.disabled && 'opacity-50',\n className\n )}\n {...props}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n 'bg-background shadow-foreground/5 pointer-events-none block h-5 w-5 rounded-full shadow-md ring-0 transition-transform',\n props.checked ? 'translate-x-5' : 'translate-x-0'\n )}\n />\n </SwitchPrimitives.Root>\n );\n}\n\nconst RGB_COLORS = {\n light: {\n primary: 'rgb(24, 24, 27)',\n input: 'rgb(228, 228, 231)',\n },\n dark: {\n primary: 'rgb(250, 250, 250)',\n input: 'rgb(39, 39, 42)',\n },\n} as const;\n\nfunction SwitchNative({\n className,\n ...props\n}: SwitchPrimitives.RootProps & {\n ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n const { colorScheme } = useColorScheme();\n const translateX = useDerivedValue(() => (props.checked ? 18 : 0));\n const animatedRootStyle = useAnimatedStyle(() => {\n return {\n backgroundColor: interpolateColor(\n translateX.value,\n [0, 18],\n [RGB_COLORS[colorScheme].input, RGB_COLORS[colorScheme].primary]\n ),\n };\n });\n const animatedThumbStyle = useAnimatedStyle(() => ({\n transform: [\n { translateX: withTiming(translateX.value, { duration: 200 }) },\n ],\n }));\n return (\n <Animated.View\n style={animatedRootStyle}\n className={cn(\n 'h-8 w-[46px] rounded-full',\n props.disabled && 'opacity-50'\n )}\n >\n <SwitchPrimitives.Root\n className={cn(\n 'h-8 w-[46px] shrink-0 flex-row items-center rounded-full border-2 border-transparent',\n props.checked ? 'bg-primary' : 'bg-input',\n className\n )}\n {...props}\n >\n <Animated.View style={animatedThumbStyle}>\n <SwitchPrimitives.Thumb\n className={\n 'bg-background shadow-foreground/25 h-7 w-7 rounded-full shadow-md ring-0'\n }\n />\n </Animated.View>\n </SwitchPrimitives.Root>\n </Animated.View>\n );\n}\n\nconst Switch = Platform.select({\n web: SwitchWeb,\n default: SwitchNative,\n});\n\nexport { Switch };\n"],"mappings":";;;;;;;;;AAYA,SAAS,UAAU,EACjB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,iSACA,MAAM,UAAU,eAAe,YAC/B,MAAM,YAAY,cAClB,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAiB,SAChB,WAAW,GACT,0HACA,MAAM,UAAU,kBAAkB,gBACnC,GACD;GACoB;;AAI5B,MAAM,aAAa;CACjB,OAAO;EACL,SAAS;EACT,OAAO;EACR;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACF;AAED,SAAS,aAAa,EACpB,WACA,GAAG,SAGF;CACD,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,aAAa,sBAAuB,MAAM,UAAU,KAAK,EAAG;CAClE,MAAM,oBAAoB,uBAAuB;AAC/C,SAAO,EACL,iBAAiB,iBACf,WAAW,OACX,CAAC,GAAG,GAAG,EACP,CAAC,WAAW,aAAa,OAAO,WAAW,aAAa,QAAQ,CACjE,EACF;GACD;CACF,MAAM,qBAAqB,wBAAwB,EACjD,WAAW,CACT,EAAE,YAAY,WAAW,WAAW,OAAO,EAAE,UAAU,KAAK,CAAC,EAAE,CAChE,EACF,EAAE;AACH,QACE,oBAAC,SAAS;EACR,OAAO;EACP,WAAW,GACT,6BACA,MAAM,YAAY,aACnB;YAED,oBAAC,iBAAiB;GAChB,WAAW,GACT,wFACA,MAAM,UAAU,eAAe,YAC/B,UACD;GACD,GAAI;aAEJ,oBAAC,SAAS;IAAK,OAAO;cACpB,oBAAC,iBAAiB,SAChB,WACE,6EAEF;KACY;IACM;GACV;;AAIpB,MAAM,SAAS,SAAS,OAAO;CAC7B,KAAK;CACL,SAAS;CACV,CAAC"}
|
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_native48.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,
|
|
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"}
|