@raystack/apsara 0.23.0 → 0.24.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.
Files changed (40) hide show
  1. package/dist/checkbox/checkbox.cjs +3 -0
  2. package/dist/checkbox/checkbox.cjs.map +1 -1
  3. package/dist/checkbox/checkbox.d.ts +3 -0
  4. package/dist/checkbox/checkbox.d.ts.map +1 -1
  5. package/dist/checkbox/checkbox.js +3 -0
  6. package/dist/checkbox/checkbox.js.map +1 -1
  7. package/dist/style.css +1 -1
  8. package/dist/table/FilteredChip.cjs +2 -2
  9. package/dist/table/FilteredChip.cjs.map +1 -1
  10. package/dist/table/FilteredChip.d.ts.map +1 -1
  11. package/dist/table/FilteredChip.js +2 -2
  12. package/dist/table/FilteredChip.js.map +1 -1
  13. package/dist/v1/components/checkbox/checkbox.cjs +35 -0
  14. package/dist/v1/components/checkbox/checkbox.cjs.map +1 -0
  15. package/dist/v1/components/checkbox/checkbox.d.ts +14 -0
  16. package/dist/v1/components/checkbox/checkbox.d.ts.map +1 -0
  17. package/dist/v1/components/checkbox/checkbox.js +33 -0
  18. package/dist/v1/components/checkbox/checkbox.js.map +1 -0
  19. package/dist/v1/components/checkbox/checkbox.module.css.cjs +8 -0
  20. package/dist/v1/components/checkbox/checkbox.module.css.cjs.map +1 -0
  21. package/dist/v1/components/checkbox/checkbox.module.css.js +4 -0
  22. package/dist/v1/components/checkbox/checkbox.module.css.js.map +1 -0
  23. package/dist/v1/components/checkbox/index.d.ts +2 -0
  24. package/dist/v1/components/checkbox/index.d.ts.map +1 -0
  25. package/dist/v1/index.cjs +2 -0
  26. package/dist/v1/index.cjs.map +1 -1
  27. package/dist/v1/index.d.ts +1 -0
  28. package/dist/v1/index.d.ts.map +1 -1
  29. package/dist/v1/index.js +1 -0
  30. package/dist/v1/index.js.map +1 -1
  31. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs +161 -0
  32. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs.map +1 -0
  33. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js +155 -0
  34. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js.map +1 -0
  35. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs +24 -0
  36. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs.map +1 -0
  37. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js +22 -0
  38. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js.map +1 -0
  39. package/dist/v1/style.css +1 -1
  40. package/package.json +7 -5
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredChip.d.ts","sourceRoot":"","sources":["../../table/FilteredChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,OAAO,EAOL,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC7B,wBAAwB,EAAE,kBAAkB,CAAC;CAC9C,CAAC;AA0IF,eAAO,MAAM,YAAY,0CAGtB,iBAAiB,4CAmDnB,CAAC"}
1
+ {"version":3,"file":"FilteredChip.d.ts","sourceRoot":"","sources":["../../table/FilteredChip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,OAAO,EAOL,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC7B,wBAAwB,EAAE,kBAAkB,CAAC;CAC9C,CAAC;AA0IF,eAAO,MAAM,YAAY,0CAGtB,iBAAiB,4CAmDnB,CAAC"}
@@ -1,19 +1,19 @@
1
1
  import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import { useState, useEffect } from 'react';
2
3
  import { Cross1Icon } from '../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
3
4
  import { Box } from '../box/box.js';
4
5
  import { Flex } from '../flex/flex.js';
5
6
  import { Select } from '../select/select.js';
6
7
  import { Text } from '../text/text.js';
7
8
  import { TextField } from '../textfield/textfield.js';
8
- import { useState, useEffect } from 'react';
9
9
  import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
10
10
  import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
11
11
  import { DatePicker } from '../calendar/date-picker.js';
12
12
  import { RangePicker } from '../calendar/range-picker.js';
13
- import styles from './datatable.module.css.js';
14
13
  import { filterValueTypeMap, columnTypesMap } from './datatables.types.js';
15
14
  import { useTable } from './hooks/useTable.js';
16
15
  import { operationsOptions } from './filterFns.js';
16
+ import styles from './datatable.module.css.js';
17
17
 
18
18
  const getFilterValueType = ({ filterOperation, columnType, }) => {
19
19
  if (filterOperation?.component) {
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredChip.js","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typing\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport styles from \"./datatable.module.css\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label || opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] || [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data || [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) || column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"FilteredChip.js","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typings\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\nimport styles from \"./datatable.module.css\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label || opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] || [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data || [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) || column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
@@ -0,0 +1,35 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs');
5
+ var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
6
+ var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
7
+ var React = require('react');
8
+ var checkbox_module = require('./checkbox.module.css.cjs');
9
+
10
+ const CheckMarkIcon = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z", fill: "currentColor" }) }));
11
+ const IndeterminateIcon = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z", fill: "currentColor" }) }));
12
+ const checkbox = index$1.cva(checkbox_module.default.checkbox);
13
+ const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
14
+ const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
15
+ return (jsxRuntime.jsxRuntimeExports.jsx(index.Root, { className: checkbox({
16
+ className: clsx.clsx(className, {
17
+ [checkbox_module.default["checkbox-disabled"]]: disabled,
18
+ [checkbox_module.default["checkbox-indeterminate"]]: isIndeterminate
19
+ })
20
+ }), checked: isIndeterminate || (checked === true), defaultChecked: defaultChecked === true, onCheckedChange: (value) => {
21
+ if (onCheckedChange) {
22
+ // If it's currently indeterminate, next state will be unchecked
23
+ if (checked === 'indeterminate') {
24
+ onCheckedChange(false);
25
+ }
26
+ else {
27
+ onCheckedChange(value);
28
+ }
29
+ }
30
+ }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntime.jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
31
+ });
32
+ Checkbox.displayName = "Checkbox";
33
+
34
+ exports.Checkbox = Checkbox;
35
+ //# sourceMappingURL=checkbox.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.cjs","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport clsx from 'clsx';\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./checkbox.module.css\";\n\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n \n return (\n <CheckboxPrimitive.Root\n className={checkbox({ \n className: clsx(className, {\n [styles[\"checkbox-disabled\"]]: disabled,\n [styles[\"checkbox-indeterminate\"]]: isIndeterminate\n })\n })}\n checked={isIndeterminate || (checked === true)}\n defaultChecked={defaultChecked === true}\n onCheckedChange={(value) => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","styles","cva","forwardRef","CheckboxPrimitive.Root","clsx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa,GAAG,OAClBA,gCACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,gCACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAGE,WAAG,CAACD,uBAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAGE,gBAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEH,iCAACI,UAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAEC,SAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAACJ,uBAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAACA,uBAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,gCAAC,CAAAM,eAA2B,EAAA,EAAC,SAAS,EAAEL,uBAAM,CAAC,SAAS,YACrD,eAAe,GAAGD,iCAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,gCAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -0,0 +1,14 @@
1
+ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import { ComponentPropsWithoutRef } from "react";
4
+ declare const checkbox: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
5
+ type CheckboxVariants = VariantProps<typeof checkbox>;
6
+ type CheckedState = boolean | 'indeterminate';
7
+ export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>, CheckboxVariants {
8
+ checked?: CheckedState;
9
+ defaultChecked?: CheckedState;
10
+ onCheckedChange?: (checked: CheckedState) => void;
11
+ }
12
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
13
+ export {};
14
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAwCzE,QAAA,MAAM,QAAQ,yFAAuB,CAAC;AAEtC,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,gBAAgB,CAAC,EAC3F,gBAAgB;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,6GAmCnB,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js';
3
+ import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
4
+ import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
5
+ import { forwardRef } from 'react';
6
+ import styles from './checkbox.module.css.js';
7
+
8
+ const CheckMarkIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z", fill: "currentColor" }) }));
9
+ const IndeterminateIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z", fill: "currentColor" }) }));
10
+ const checkbox = cva(styles.checkbox);
11
+ const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
12
+ const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
13
+ return (jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { className: checkbox({
14
+ className: clsx(className, {
15
+ [styles["checkbox-disabled"]]: disabled,
16
+ [styles["checkbox-indeterminate"]]: isIndeterminate
17
+ })
18
+ }), checked: isIndeterminate || (checked === true), defaultChecked: defaultChecked === true, onCheckedChange: (value) => {
19
+ if (onCheckedChange) {
20
+ // If it's currently indeterminate, next state will be unchecked
21
+ if (checked === 'indeterminate') {
22
+ onCheckedChange(false);
23
+ }
24
+ else {
25
+ onCheckedChange(value);
26
+ }
27
+ }
28
+ }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntimeExports.jsx($e698a72e93240346$export$adb584737d712b70, { className: styles.indicator, children: isIndeterminate ? jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
29
+ });
30
+ Checkbox.displayName = "Checkbox";
31
+
32
+ export { Checkbox };
33
+ //# sourceMappingURL=checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport clsx from 'clsx';\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./checkbox.module.css\";\n\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n \n return (\n <CheckboxPrimitive.Root\n className={checkbox({ \n className: clsx(className, {\n [styles[\"checkbox-disabled\"]]: disabled,\n [styles[\"checkbox-indeterminate\"]]: isIndeterminate\n })\n })}\n checked={isIndeterminate || (checked === true)}\n defaultChecked={defaultChecked === true}\n onCheckedChange={(value) => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;AAOA,MAAM,aAAa,GAAG,OAClBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAG,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEA,sBAACC,yCAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,qBAAC,CAAAE,yCAA2B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,YACrD,eAAe,GAAGF,sBAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,qBAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=checkbox.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=checkbox.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from "./checkbox";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
package/dist/v1/index.cjs CHANGED
@@ -9,6 +9,7 @@ var dropdownMenu = require('./components/dropdownMenu/dropdownMenu.cjs');
9
9
  var text = require('./components/text/text.cjs');
10
10
  var flex = require('./components/flex/flex.cjs');
11
11
  var emptystate = require('./components/emptystate/emptystate.cjs');
12
+ var checkbox = require('./components/checkbox/checkbox.cjs');
12
13
  var switcher = require('./components/themprovider/switcher.cjs');
13
14
  var theme = require('./components/themprovider/theme.cjs');
14
15
 
@@ -25,6 +26,7 @@ exports.DropdownMenu = dropdownMenu.DropdownMenu;
25
26
  exports.Text = text.Text;
26
27
  exports.Flex = flex.Flex;
27
28
  exports.EmptyState = emptystate.EmptyState;
29
+ exports.Checkbox = checkbox.Checkbox;
28
30
  exports.ThemeSwitcher = switcher.ThemeSwitcher;
29
31
  exports.ThemeProvider = theme.ThemeProvider;
30
32
  exports.useTheme = theme.useTheme;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,5 +8,6 @@ export { DropdownMenu } from "./components/dropdownMenu";
8
8
  export { Text } from "./components/text";
9
9
  export { Flex } from "./components/flex";
10
10
  export { EmptyState } from "./components/emptystate";
11
+ export { Checkbox } from "./components/checkbox";
11
12
  export { ThemeProvider, ThemeProviderProps, ThemeSwitcher, useTheme, } from "./components/themprovider";
12
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2BAA2B,CAAC"}
package/dist/v1/index.js CHANGED
@@ -7,6 +7,7 @@ export { DropdownMenu } from './components/dropdownMenu/dropdownMenu.js';
7
7
  export { Text } from './components/text/text.js';
8
8
  export { Flex } from './components/flex/flex.js';
9
9
  export { EmptyState } from './components/emptystate/emptystate.js';
10
+ export { Checkbox } from './components/checkbox/checkbox.js';
10
11
  export { ThemeSwitcher } from './components/themprovider/switcher.js';
11
12
  export { ThemeProvider, useTheme } from './components/themprovider/theme.js';
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -0,0 +1,161 @@
1
+ 'use strict';
2
+
3
+ var _extends = require('../../../../../@babel_runtime@7.24.8/node_modules/@babel/runtime/helpers/esm/extends.cjs');
4
+ var React = require('react');
5
+ var index$1 = require('../../../../../@radix-ui_react-compose-refs@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
6
+ var index = require('../../../../../@radix-ui_react-context@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-context/dist/index.cjs');
7
+ var index$4 = require('../../../../../@radix-ui_primitive@1.0.1/node_modules/@radix-ui/primitive/dist/index.cjs');
8
+ var index$2 = require('../../../../../@radix-ui_react-use-controllable-state@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs');
9
+ var index$6 = require('../../../../../@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs');
10
+ var index$7 = require('../../../../../@radix-ui_react-use-size@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-size/dist/index.cjs');
11
+ var index$5 = require('../../../../../@radix-ui_react-presence@1.0.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-presence/dist/index.cjs');
12
+ var index$3 = require('../../../../../@radix-ui_react-primitive@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._44pjkdrkjq3hxuh62jsxoggm4e/node_modules/@radix-ui/react-primitive/dist/index.cjs');
13
+
14
+ /* -------------------------------------------------------------------------------------------------
15
+ * Checkbox
16
+ * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$CHECKBOX_NAME = 'Checkbox';
17
+ const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = index.createContextScope($e698a72e93240346$var$CHECKBOX_NAME);
18
+ const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
19
+ const $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
20
+ const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;
21
+ const [button, setButton] = React.useState(null);
22
+ const composedRefs = index$1.useComposedRefs(forwardedRef, (node)=>setButton(node)
23
+ );
24
+ const hasConsumerStoppedPropagationRef = React.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
25
+ const isFormControl = button ? Boolean(button.closest('form')) : true;
26
+ const [checked = false, setChecked] = index$2.useControllableState({
27
+ prop: checkedProp,
28
+ defaultProp: defaultChecked,
29
+ onChange: onCheckedChange
30
+ });
31
+ const initialCheckedStateRef = React.useRef(checked);
32
+ React.useEffect(()=>{
33
+ const form = button === null || button === void 0 ? void 0 : button.form;
34
+ if (form) {
35
+ const reset = ()=>setChecked(initialCheckedStateRef.current)
36
+ ;
37
+ form.addEventListener('reset', reset);
38
+ return ()=>form.removeEventListener('reset', reset)
39
+ ;
40
+ }
41
+ }, [
42
+ button,
43
+ setChecked
44
+ ]);
45
+ return /*#__PURE__*/ React.createElement($e698a72e93240346$var$CheckboxProvider, {
46
+ scope: __scopeCheckbox,
47
+ state: checked,
48
+ disabled: disabled
49
+ }, /*#__PURE__*/ React.createElement(index$3.Primitive.button, _extends.default({
50
+ type: "button",
51
+ role: "checkbox",
52
+ "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,
53
+ "aria-required": required,
54
+ "data-state": $e698a72e93240346$var$getState(checked),
55
+ "data-disabled": disabled ? '' : undefined,
56
+ disabled: disabled,
57
+ value: value
58
+ }, checkboxProps, {
59
+ ref: composedRefs,
60
+ onKeyDown: index$4.composeEventHandlers(props.onKeyDown, (event)=>{
61
+ // According to WAI ARIA, Checkboxes don't activate on enter keypress
62
+ if (event.key === 'Enter') event.preventDefault();
63
+ }),
64
+ onClick: index$4.composeEventHandlers(props.onClick, (event)=>{
65
+ setChecked((prevChecked)=>$e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
66
+ );
67
+ if (isFormControl) {
68
+ hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate
69
+ // one click event (from the input). We propagate changes from an input so that native
70
+ // form validation works and form events reflect checkbox updates.
71
+ if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
72
+ }
73
+ })
74
+ })), isFormControl && /*#__PURE__*/ React.createElement($e698a72e93240346$var$BubbleInput, {
75
+ control: button,
76
+ bubbles: !hasConsumerStoppedPropagationRef.current,
77
+ name: name,
78
+ value: value,
79
+ checked: checked,
80
+ required: required,
81
+ disabled: disabled // We transform because the input is absolutely positioned but we have
82
+ ,
83
+ style: {
84
+ transform: 'translateX(-100%)'
85
+ }
86
+ }));
87
+ });
88
+ /* -------------------------------------------------------------------------------------------------
89
+ * CheckboxIndicator
90
+ * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';
91
+ const $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
92
+ const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;
93
+ const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
94
+ return /*#__PURE__*/ React.createElement(index$5.Presence, {
95
+ present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
96
+ }, /*#__PURE__*/ React.createElement(index$3.Primitive.span, _extends.default({
97
+ "data-state": $e698a72e93240346$var$getState(context.state),
98
+ "data-disabled": context.disabled ? '' : undefined
99
+ }, indicatorProps, {
100
+ ref: forwardedRef,
101
+ style: {
102
+ pointerEvents: 'none',
103
+ ...props.style
104
+ }
105
+ })));
106
+ });
107
+ /* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{
108
+ const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
109
+ const ref = React.useRef(null);
110
+ const prevChecked = index$6.usePrevious(checked);
111
+ const controlSize = index$7.useSize(control); // Bubble checked change to parents (e.g form change event)
112
+ React.useEffect(()=>{
113
+ const input = ref.current;
114
+ const inputProto = window.HTMLInputElement.prototype;
115
+ const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
116
+ const setChecked = descriptor.set;
117
+ if (prevChecked !== checked && setChecked) {
118
+ const event = new Event('click', {
119
+ bubbles: bubbles
120
+ });
121
+ input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
122
+ setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
123
+ input.dispatchEvent(event);
124
+ }
125
+ }, [
126
+ prevChecked,
127
+ checked,
128
+ bubbles
129
+ ]);
130
+ return /*#__PURE__*/ React.createElement("input", _extends.default({
131
+ type: "checkbox",
132
+ "aria-hidden": true,
133
+ defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
134
+ }, inputProps, {
135
+ tabIndex: -1,
136
+ ref: ref,
137
+ style: {
138
+ ...props.style,
139
+ ...controlSize,
140
+ position: 'absolute',
141
+ pointerEvents: 'none',
142
+ opacity: 0,
143
+ margin: 0
144
+ }
145
+ }));
146
+ };
147
+ function $e698a72e93240346$var$isIndeterminate(checked) {
148
+ return checked === 'indeterminate';
149
+ }
150
+ function $e698a72e93240346$var$getState(checked) {
151
+ return $e698a72e93240346$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
152
+ }
153
+ const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
154
+ const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
155
+
156
+ exports.Checkbox = $e698a72e93240346$export$48513f6b9f8ce62d;
157
+ exports.CheckboxIndicator = $e698a72e93240346$export$59aad738f51d1c05;
158
+ exports.Indicator = $e698a72e93240346$export$adb584737d712b70;
159
+ exports.Root = $e698a72e93240346$export$be92b6f5f03c0fe9;
160
+ exports.createCheckboxScope = $e698a72e93240346$export$b566c4ff5488ea01;
161
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../../../../../../../../../node_modules/.pnpm/@radix-ui+react-checkbox@1.0.4_@types+react-dom@18.0.11_@types+react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.mjs"],"sourcesContent":["import $1bpvS$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $1bpvS$forwardRef, useState as $1bpvS$useState, useRef as $1bpvS$useRef, useEffect as $1bpvS$useEffect, createElement as $1bpvS$createElement} from \"react\";\nimport {useComposedRefs as $1bpvS$useComposedRefs} from \"@radix-ui/react-compose-refs\";\nimport {createContextScope as $1bpvS$createContextScope} from \"@radix-ui/react-context\";\nimport {composeEventHandlers as $1bpvS$composeEventHandlers} from \"@radix-ui/primitive\";\nimport {useControllableState as $1bpvS$useControllableState} from \"@radix-ui/react-use-controllable-state\";\nimport {usePrevious as $1bpvS$usePrevious} from \"@radix-ui/react-use-previous\";\nimport {useSize as $1bpvS$useSize} from \"@radix-ui/react-use-size\";\nimport {Presence as $1bpvS$Presence} from \"@radix-ui/react-presence\";\nimport {Primitive as $1bpvS$Primitive} from \"@radix-ui/react-primitive\";\n\n\n\n\n\n\n\n\n\n\n\n/* -------------------------------------------------------------------------------------------------\n * Checkbox\n * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$CHECKBOX_NAME = 'Checkbox';\nconst [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $1bpvS$createContextScope($e698a72e93240346$var$CHECKBOX_NAME);\nconst [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);\nconst $e698a72e93240346$export$48513f6b9f8ce62d = /*#__PURE__*/ $1bpvS$forwardRef((props, forwardedRef)=>{\n const { __scopeCheckbox: __scopeCheckbox , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...checkboxProps } = props;\n const [button, setButton] = $1bpvS$useState(null);\n const composedRefs = $1bpvS$useComposedRefs(forwardedRef, (node)=>setButton(node)\n );\n const hasConsumerStoppedPropagationRef = $1bpvS$useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)\n const isFormControl = button ? Boolean(button.closest('form')) : true;\n const [checked = false, setChecked] = $1bpvS$useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked,\n onChange: onCheckedChange\n });\n const initialCheckedStateRef = $1bpvS$useRef(checked);\n $1bpvS$useEffect(()=>{\n const form = button === null || button === void 0 ? void 0 : button.form;\n if (form) {\n const reset = ()=>setChecked(initialCheckedStateRef.current)\n ;\n form.addEventListener('reset', reset);\n return ()=>form.removeEventListener('reset', reset)\n ;\n }\n }, [\n button,\n setChecked\n ]);\n return /*#__PURE__*/ $1bpvS$createElement($e698a72e93240346$var$CheckboxProvider, {\n scope: __scopeCheckbox,\n state: checked,\n disabled: disabled\n }, /*#__PURE__*/ $1bpvS$createElement($1bpvS$Primitive.button, $1bpvS$babelruntimehelpersesmextends({\n type: \"button\",\n role: \"checkbox\",\n \"aria-checked\": $e698a72e93240346$var$isIndeterminate(checked) ? 'mixed' : checked,\n \"aria-required\": required,\n \"data-state\": $e698a72e93240346$var$getState(checked),\n \"data-disabled\": disabled ? '' : undefined,\n disabled: disabled,\n value: value\n }, checkboxProps, {\n ref: composedRefs,\n onKeyDown: $1bpvS$composeEventHandlers(props.onKeyDown, (event)=>{\n // According to WAI ARIA, Checkboxes don't activate on enter keypress\n if (event.key === 'Enter') event.preventDefault();\n }),\n onClick: $1bpvS$composeEventHandlers(props.onClick, (event)=>{\n setChecked((prevChecked)=>$e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked\n );\n if (isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if checkbox is in a form, stop propagation from the button so that we only propagate\n // one click event (from the input). We propagate changes from an input so that native\n // form validation works and form events reflect checkbox updates.\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n })), isFormControl && /*#__PURE__*/ $1bpvS$createElement($e698a72e93240346$var$BubbleInput, {\n control: button,\n bubbles: !hasConsumerStoppedPropagationRef.current,\n name: name,\n value: value,\n checked: checked,\n required: required,\n disabled: disabled // We transform because the input is absolutely positioned but we have\n ,\n style: {\n transform: 'translateX(-100%)'\n }\n }));\n});\n/*#__PURE__*/ Object.assign($e698a72e93240346$export$48513f6b9f8ce62d, {\n displayName: $e698a72e93240346$var$CHECKBOX_NAME\n});\n/* -------------------------------------------------------------------------------------------------\n * CheckboxIndicator\n * -----------------------------------------------------------------------------------------------*/ const $e698a72e93240346$var$INDICATOR_NAME = 'CheckboxIndicator';\nconst $e698a72e93240346$export$59aad738f51d1c05 = /*#__PURE__*/ $1bpvS$forwardRef((props, forwardedRef)=>{\n const { __scopeCheckbox: __scopeCheckbox , forceMount: forceMount , ...indicatorProps } = props;\n const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);\n return /*#__PURE__*/ $1bpvS$createElement($1bpvS$Presence, {\n present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true\n }, /*#__PURE__*/ $1bpvS$createElement($1bpvS$Primitive.span, $1bpvS$babelruntimehelpersesmextends({\n \"data-state\": $e698a72e93240346$var$getState(context.state),\n \"data-disabled\": context.disabled ? '' : undefined\n }, indicatorProps, {\n ref: forwardedRef,\n style: {\n pointerEvents: 'none',\n ...props.style\n }\n })));\n});\n/*#__PURE__*/ Object.assign($e698a72e93240346$export$59aad738f51d1c05, {\n displayName: $e698a72e93240346$var$INDICATOR_NAME\n});\n/* ---------------------------------------------------------------------------------------------- */ const $e698a72e93240346$var$BubbleInput = (props)=>{\n const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;\n const ref = $1bpvS$useRef(null);\n const prevChecked = $1bpvS$usePrevious(checked);\n const controlSize = $1bpvS$useSize(control); // Bubble checked change to parents (e.g form change event)\n $1bpvS$useEffect(()=>{\n const input = ref.current;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');\n const setChecked = descriptor.set;\n if (prevChecked !== checked && setChecked) {\n const event = new Event('click', {\n bubbles: bubbles\n });\n input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);\n setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);\n input.dispatchEvent(event);\n }\n }, [\n prevChecked,\n checked,\n bubbles\n ]);\n return /*#__PURE__*/ $1bpvS$createElement(\"input\", $1bpvS$babelruntimehelpersesmextends({\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked\n }, inputProps, {\n tabIndex: -1,\n ref: ref,\n style: {\n ...props.style,\n ...controlSize,\n position: 'absolute',\n pointerEvents: 'none',\n opacity: 0,\n margin: 0\n }\n }));\n};\nfunction $e698a72e93240346$var$isIndeterminate(checked) {\n return checked === 'indeterminate';\n}\nfunction $e698a72e93240346$var$getState(checked) {\n return $e698a72e93240346$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\nconst $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;\nconst $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;\n\n\n\n\nexport {$e698a72e93240346$export$b566c4ff5488ea01 as createCheckboxScope, $e698a72e93240346$export$48513f6b9f8ce62d as Checkbox, $e698a72e93240346$export$59aad738f51d1c05 as CheckboxIndicator, $e698a72e93240346$export$be92b6f5f03c0fe9 as Root, $e698a72e93240346$export$adb584737d712b70 as Indicator};\n//# sourceMappingURL=index.mjs.map\n"],"names":["$1bpvS$createContextScope","$1bpvS$forwardRef","$1bpvS$useState","$1bpvS$useComposedRefs","$1bpvS$useRef","$1bpvS$useControllableState","$1bpvS$useEffect","$1bpvS$createElement","$1bpvS$Primitive","$1bpvS$babelruntimehelpersesmextends","$1bpvS$composeEventHandlers","$1bpvS$Presence","$1bpvS$usePrevious","$1bpvS$useSize"],"mappings":"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","x_google_ignoreList":[0]}