@raystack/apsara 0.46.0-rc.2 → 0.46.0-rc.3

package/dist/v1/components/filter-chip/filter-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, cx, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.selectValue}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger\n              variant=\"text\"\n              className={cx(styles.selectValue, styles.selectColumn)}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, cx, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.selectValue}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger\n              variant=\"text\"\n              className={cx(styles.selectValue, styles.selectColumn)}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              inputFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,YAAA,IAAI,EAAE,IAAI;AACX,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAsBH,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,UAAU,GAAG,UAAU,CAAC,MAAM,EAC9B,iBAAiB,GACF,KAAI;IACnB,MAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;;AAExD,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAEtE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAClE,IAAI,cAAc,EAAE;YAClB,iBAAiB,CAAC,cAAc,CAAC,CAAC;SACnC;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEZ,IAAA,QACEA,sBAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EAAA,iBAAA,EACN,GAAG,KAAK,CAAA,MAAA,CAAQ,EACjC,QAAA,EAAA,CAAAC,qBAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EACb,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,EACjB,YAAA,EAAA,CAAA,EAAG,KAAK,CAAA,iBAAA,CAAmB,EACvC,QAAA,EAAAA,qBAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,WAAW,EAAC,kBAAkB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,CAAA,EAAA,CACa,EACjBA,qBAAA,CAAC,MAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,EAClC,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,GAAG,IAAG;AACvB,oBAAA,QACEA,qBAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAEV,KAAK,EAAE,GAAG,CAAC,KAAK,EAAA,YAAA,EACJ,CAAU,OAAA,EAAA,KAAK,CAAI,CAAA,EAAA,GAAG,CAAC,KAAK,CAAE,CAAA,EAAA,QAAA,EACzC,GAAG,CAAC,KAAK,EAAA,EAHL,GAAG,CAAC,KAAK,CAIF,EACd;AACJ,iBAAC,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,EACH,UAAU,GAAG,UAAU,CAAC,MAAM,EAC9B,OAAO,GAAG,EAAE,EACZ,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACQ,KAAI;IACpB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAmB,CAAC;AAC9D,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAM,KAAK,IAAI,EAAE,CAAC,CAAC;AAEjE,IAAA,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC;IAEpD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,iBAAiB,IAAI,SAAS,EAAE,KAAK,EAAE;AACzC,YAAA,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SACrC;AACH,KAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,MAAK;QACb,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,WAAW,CAAC,CAAC;SAC5B;AACH,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,gBAAgB,GAAG,MAAK;QAC5B,QAAQ,UAAU;YAChB,KAAK,UAAU,CAAC,MAAM;gBACpB,QACED,uBAAC,MAAM,EAAA,EAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,cAAc,EAClE,QAAA,EAAA,CAAAC,qBAAA,CAAC,MAAM,CAAC,OAAO,IACb,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,YAAY,CAAC,EAAA,QAAA,EACtDA,sBAAC,MAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,cAAc,EAAG,CAAA,EAAA,CAC5B,EACjBA,qBAAC,CAAA,MAAM,CAAC,OAAO,EAAA,EAAA,cAAA,EAAc,QAAQ,EAClC,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,GAAG,KACdA,qBAAA,CAAC,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,YAC1B,GAAG,CAAC,KAAK,EAFL,EAAA,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAGb,CACf,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;YACJ,KAAK,UAAU,CAAC,IAAI;AAClB,gBAAA,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,EACrC,QAAA,EAAAA,qBAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,EACtC,gBAAgB,EAAE,KAAK,EACvB,eAAe,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,EAChD,CAAA,EAAA,CACE,EACN;AACJ,YAAA;AACE,gBAAA,QACEA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,QAAA,EACrCA,qBAAC,CAAA,SAAS,IACR,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,CAAA,EAAA,CACE,EACN;SACL;AACH,KAAC,CAAC;AAEF,IAAA,QACEA,qBAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACvC,IAAI,EAAC,OAAO,EACA,YAAA,EAAA,CAAA,UAAA,EAAa,KAAK,CAAA,CAAE,EAC5B,GAAA,KAAK,YACTD,sBAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,QAAQ,EAClB,QAAA,EAAA,CAAAA,sBAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACxB,WAAW,KACVC,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EACpD,WAAW,EAAA,CACP,CACR,EACDA,qBAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EAC3B,KAAK,EAAA,CACD,CACF,EAAA,CAAA,EACPA,qBAAC,CAAA,SAAS,EACR,EAAA,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,YAAY,EAC/B,CAAA,EACD,gBAAgB,EAAE,EAClB,YAAY,KACXA,qBAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,YAAA,EACzB,CAAU,OAAA,EAAA,KAAK,CAAS,OAAA,CAAA,EACpC,OAAO,EAAE,QAAQ,EACjB,QAAA,EAAAA,qBAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,CAAI,EACrC,CAAA,CACV,CACI,EAAA,CAAA,EAAA,CACH,EACN;AACJ,EAAE;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/v1/components/grid/grid-item.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+
+const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
+    const Comp = asChild ? index.Slot : "div";
+    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+            gridArea: area,
+            gridColumnStart: colStart,
+            gridColumnEnd: colEnd,
+            gridRowStart: rowStart,
+            gridRowEnd: rowEnd,
+            gridColumn: colSpan ? `span ${colSpan}` : undefined,
+            gridRow: rowSpan ? `span ${rowSpan}` : undefined,
+            justifySelf,
+            alignSelf,
+            ...style,
+        }, ...props }));
+});
+GridItem.displayName = "GridItem";
+
+exports.GridItem = GridItem;
+//# sourceMappingURL=grid-item.cjs.map

package/dist/v1/components/grid/grid-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.cjs","sources":["../../../../v1/components/grid/grid-item.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { AlignType } from \"./types\";\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n"],"names":["forwardRef","Slot","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAI,GAAG,KAAK,CAAC;IAEpC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/v1/components/grid/grid-item.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from "react";
+import { AlignType } from "./types";
+export declare const GridItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    area?: string | undefined;
+    colStart?: string | number | undefined;
+    colEnd?: string | number | undefined;
+    rowStart?: string | number | undefined;
+    rowEnd?: string | number | undefined;
+    colSpan?: string | number | undefined;
+    rowSpan?: string | number | undefined;
+    justifySelf?: AlignType | undefined;
+    alignSelf?: AlignType | undefined;
+    asChild?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/v1/components/grid/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAepC,eAAO,MAAM,QAAQ;;;;;;;;;;;kDAuCpB,CAAC"}

package/dist/v1/components/grid/grid-item.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+
+const GridItem = forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
+    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "div";
+    return (jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+            gridArea: area,
+            gridColumnStart: colStart,
+            gridColumnEnd: colEnd,
+            gridRowStart: rowStart,
+            gridRowEnd: rowEnd,
+            gridColumn: colSpan ? `span ${colSpan}` : undefined,
+            gridRow: rowSpan ? `span ${rowSpan}` : undefined,
+            justifySelf,
+            alignSelf,
+            ...style,
+        }, ...props }));
+});
+GridItem.displayName = "GridItem";
+
+export { GridItem };
+//# sourceMappingURL=grid-item.js.map

package/dist/v1/components/grid/grid-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.js","sources":["../../../../v1/components/grid/grid-item.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { AlignType } from \"./types\";\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n"],"names":["Slot","_jsx"],"mappings":";;;;AAiBa,MAAA,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,IAAI,GAAG,OAAO,GAAGA,yCAAI,GAAG,KAAK,CAAC;IAEpC,QACEC,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/v1/components/grid/grid.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+
+const GAPS = {
+    "extra-small": "var(--rs-space-2)",
+    small: "var(--rs-space-3)",
+    medium: "var(--rs-space-5)",
+    large: "var(--rs-space-9)",
+    "extra-large": "var(--rs-space-11)",
+};
+const Grid = React.forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows, columns, rows, gap, columnGap, rowGap, justifyItems, alignItems, justifyContent, alignContent, inline = false, style = {}, asChild, ...props }, ref) => {
+    const gridTemplateColumns = typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns;
+    const gridTemplateRows = typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows;
+    const gridTemplateAreas = React.useMemo(() => {
+        if (Array.isArray(templateAreas)) {
+            return templateAreas
+                .map(area => `"${area}"`)
+                .join(" ")
+                .trim();
+        }
+        return templateAreas;
+    }, [templateAreas]);
+    const Comp = asChild ? index.Slot : "div";
+    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+            display: inline ? "inline-grid" : "grid",
+            gridTemplateAreas,
+            gridAutoFlow: autoFlow,
+            gridAutoColumns: autoColumns,
+            gridAutoRows: autoRows,
+            gridTemplateColumns,
+            gridTemplateRows,
+            gap: gap && GAPS[gap],
+            columnGap: columnGap && GAPS[columnGap],
+            rowGap: rowGap && GAPS[rowGap],
+            justifyItems,
+            alignItems,
+            justifyContent,
+            alignContent,
+            ...style,
+        }, ...props }));
+});
+Grid.displayName = "Grid";
+
+exports.Grid = Grid;
+//# sourceMappingURL=grid.cjs.map

package/dist/v1/components/grid/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.cjs","sources":["../../../../v1/components/grid/grid.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useMemo } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { AlignExtendedType, AlignType } from \"./types\";\n\nconst GAPS = {\n  \"extra-small\": \"var(--rs-space-2)\",\n  small: \"var(--rs-space-3)\",\n  medium: \"var(--rs-space-5)\",\n  large: \"var(--rs-space-9)\",\n  \"extra-large\": \"var(--rs-space-11)\",\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: \"row\" | \"column\" | \"dense\" | \"row dense\" | \"column dense\";\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref,\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === \"number\" ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === \"number\" ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(\" \")\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? \"inline-grid\" : \"grid\",\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"],"names":["forwardRef","useMemo","Slot","_jsx"],"mappings":";;;;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAGC,aAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAI,GAAG,KAAK,CAAC;IAEpC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/grid/grid.d.ts

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from "react";
+import { AlignExtendedType, AlignType } from "./types";
+export declare const Grid: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Supports CSS Grid template areas syntax.
+     *
+     * @example
+     * <Grid templateAreas="header header header" />
+     * <Grid templateAreas={["header header header", "sidebar main main", "footer footer footer"]} />
+     */
+    templateAreas?: string | string[] | undefined;
+    autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    autoColumns?: string | undefined;
+    autoRows?: string | undefined;
+    /**
+     * Supports CSS Grid template columns syntax.
+     *
+     * If you pass a number, columns will be created using repeat(n, 1fr).
+     *
+     * @example
+     * <Grid columns="1fr 1fr 1fr" />
+     * <Grid columns={3} />
+     */
+    columns?: string | number | undefined;
+    /**
+     * Supports CSS Grid template rows syntax.
+     *
+     * If you pass a number, rows will be created using repeat(n, 1fr).
+     *
+     * @example
+     * <Grid rows="1fr 1fr 1fr" />
+     * <Grid rows={3} />
+     */
+    rows?: string | number | undefined;
+    gap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    columnGap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    rowGap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    justifyItems?: AlignType | undefined;
+    alignItems?: AlignType | undefined;
+    justifyContent?: AlignExtendedType | undefined;
+    alignContent?: AlignExtendedType | undefined;
+    inline?: boolean | undefined;
+    asChild?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=grid.d.ts.map

package/dist/v1/components/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAyDvD,eAAO,MAAM,IAAI;IA5Cf;;;;;;OAMG;;;;;IAMH;;;;;;;;OAQG;;IAGH;;;;;;;;OAQG;;;;;;;;;;;kDA6EJ,CAAC"}

package/dist/v1/components/grid/grid.js

@@ -0,0 +1,46 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef, useMemo } from 'react';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+
+const GAPS = {
+    "extra-small": "var(--rs-space-2)",
+    small: "var(--rs-space-3)",
+    medium: "var(--rs-space-5)",
+    large: "var(--rs-space-9)",
+    "extra-large": "var(--rs-space-11)",
+};
+const Grid = forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows, columns, rows, gap, columnGap, rowGap, justifyItems, alignItems, justifyContent, alignContent, inline = false, style = {}, asChild, ...props }, ref) => {
+    const gridTemplateColumns = typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns;
+    const gridTemplateRows = typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows;
+    const gridTemplateAreas = useMemo(() => {
+        if (Array.isArray(templateAreas)) {
+            return templateAreas
+                .map(area => `"${area}"`)
+                .join(" ")
+                .trim();
+        }
+        return templateAreas;
+    }, [templateAreas]);
+    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "div";
+    return (jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+            display: inline ? "inline-grid" : "grid",
+            gridTemplateAreas,
+            gridAutoFlow: autoFlow,
+            gridAutoColumns: autoColumns,
+            gridAutoRows: autoRows,
+            gridTemplateColumns,
+            gridTemplateRows,
+            gap: gap && GAPS[gap],
+            columnGap: columnGap && GAPS[columnGap],
+            rowGap: rowGap && GAPS[rowGap],
+            justifyItems,
+            alignItems,
+            justifyContent,
+            alignContent,
+            ...style,
+        }, ...props }));
+});
+Grid.displayName = "Grid";
+
+export { Grid };
+//# sourceMappingURL=grid.js.map

package/dist/v1/components/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../v1/components/grid/grid.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useMemo } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { AlignExtendedType, AlignType } from \"./types\";\n\nconst GAPS = {\n  \"extra-small\": \"var(--rs-space-2)\",\n  small: \"var(--rs-space-3)\",\n  medium: \"var(--rs-space-5)\",\n  large: \"var(--rs-space-9)\",\n  \"extra-large\": \"var(--rs-space-11)\",\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: \"row\" | \"column\" | \"dense\" | \"row dense\" | \"column dense\";\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref,\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === \"number\" ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === \"number\" ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(\" \")\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? \"inline-grid\" : \"grid\",\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"],"names":["Slot","_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,IAAI,GAAG,OAAO,GAAGA,yCAAI,GAAG,KAAK,CAAC;IAEpC,QACEC,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/grid/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var grid = require('./grid.cjs');
+var gridItem = require('./grid-item.cjs');
+
+const Grid = Object.assign(grid.Grid, {
+    Item: gridItem.GridItem,
+});
+
+exports.Grid = Grid;
+//# sourceMappingURL=index.cjs.map

package/dist/v1/components/grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../v1/components/grid/index.ts"],"sourcesContent":["import { Grid as GridPrimitive } from \"./grid\";\nimport { GridItem } from \"./grid-item\";\n\nexport const Grid = Object.assign(GridPrimitive, {\n  Item: GridItem,\n});\n"],"names":["GridPrimitive","GridItem"],"mappings":";;;;;MAGa,IAAI,GAAG,MAAM,CAAC,MAAM,CAACA,SAAa,EAAE;AAC/C,IAAA,IAAI,EAAEC,iBAAQ;AACf,CAAA;;;;"}

package/dist/v1/components/grid/index.d.ts

@@ -0,0 +1,31 @@
+export declare const Grid: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    templateAreas?: string | string[] | undefined;
+    autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    autoColumns?: string | undefined;
+    autoRows?: string | undefined;
+    columns?: string | number | undefined;
+    rows?: string | number | undefined;
+    gap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    columnGap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    rowGap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | undefined;
+    justifyItems?: import("./types").AlignType | undefined;
+    alignItems?: import("./types").AlignType | undefined;
+    justifyContent?: import("./types").AlignExtendedType | undefined;
+    alignContent?: import("./types").AlignExtendedType | undefined;
+    inline?: boolean | undefined;
+    asChild?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+        area?: string | undefined;
+        colStart?: string | number | undefined;
+        colEnd?: string | number | undefined;
+        rowStart?: string | number | undefined;
+        rowEnd?: string | number | undefined;
+        colSpan?: string | number | undefined;
+        rowSpan?: string | number | undefined;
+        justifySelf?: import("./types").AlignType | undefined;
+        alignSelf?: import("./types").AlignType | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAC"}

package/dist/v1/components/grid/index.js

@@ -0,0 +1,9 @@
+import { Grid as Grid$1 } from './grid.js';
+import { GridItem } from './grid-item.js';
+
+const Grid = Object.assign(Grid$1, {
+    Item: GridItem,
+});
+
+export { Grid };
+//# sourceMappingURL=index.js.map

package/dist/v1/components/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../v1/components/grid/index.ts"],"sourcesContent":["import { Grid as GridPrimitive } from \"./grid\";\nimport { GridItem } from \"./grid-item\";\n\nexport const Grid = Object.assign(GridPrimitive, {\n  Item: GridItem,\n});\n"],"names":["GridPrimitive"],"mappings":";;;MAGa,IAAI,GAAG,MAAM,CAAC,MAAM,CAACA,MAAa,EAAE;AAC/C,IAAA,IAAI,EAAE,QAAQ;AACf,CAAA;;;;"}

package/dist/v1/components/grid/types.d.ts

@@ -0,0 +1,3 @@
+export type AlignType = "start" | "end" | "center" | "stretch";
+export type AlignExtendedType = AlignType | "space-around" | "space-between" | "space-evenly";
+//# sourceMappingURL=types.d.ts.map

package/dist/v1/components/grid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,CAAC"}

package/dist/v1/components/select/select-content.cjs

@@ -3,12 +3,19 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.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-select/dist/index.cjs');
+var combobox = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox.cjs');
+var MAXQOH4L = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var select_module = require('./select.module.css.cjs');
+var selectRoot = require('./select-root.cjs');
 
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, className: index$1.cx(select_module.default.content, className), position: position, onPointerDownOutside: e => {
-            e.stopPropagation();
-        }, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Viewport, { children: children }) }) })));
+const SelectContent = React.forwardRef(({ className, children, position = "popper", searchPlaceholder = "Search...", sideOffset = 4, ...props }, ref) => {
+    const { autocomplete } = selectRoot.useSelectContext();
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { role: autocomplete ? "dialog" : undefined, ref: ref, position: position, sideOffset: sideOffset, className: index$1.cx(select_module.default.content, className), ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Viewport, { className: index$1.cx(select_module.default.viewport, autocomplete && select_module.default.comboboxViewport), children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: select_module.default.comboboxInput, onBlurCapture: event => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                            } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: select_module.default.comboboxContent, children: children })] })) : (children) }) }) }));
+});
 SelectContent.displayName = index.Content.displayName;
 
 exports.SelectContent = SelectContent;

package/dist/v1/components/select/select-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.cjs","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cx(styles.content, className)}\n      position={position}\n      onPointerDownOutside={e => {\n        e.stopPropagation();\n      }}\n      {...props}>\n      <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["forwardRef","_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","cx","styles","SelectPrimitive.Viewport"],"mappings":";;;;;;;;AAKa,MAAA,aAAa,GAAGA,gBAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5DC,gCAAC,CAAAC,YAAsB,cACrBD,gCAAC,CAAAE,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,CAAC,IAAG;YACxB,CAAC,CAAC,eAAe,EAAE,CAAC;AACtB,SAAC,EACG,GAAA,KAAK,EACT,QAAA,EAAAJ,gCAAA,CAACK,cAAwB,EAAE,EAAA,QAAA,EAAA,QAAQ,EAA4B,CAAA,EAAA,CACvC,EACH,CAAA,CAC1B,EAAE;AACH,aAAa,CAAC,WAAW,GAAGH,aAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-content.cjs","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      searchPlaceholder = \"Search...\",\n      sideOffset = 4,\n      ...props\n    },\n    ref,\n  ) => {\n    const { autocomplete } = useSelectContext();\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          role={autocomplete ? \"dialog\" : undefined}\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          {...props}>\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport,\n            )}>\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList className={styles.comboboxContent}>\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["forwardRef","useSelectContext","_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","cx","styles","SelectPrimitive.Viewport","_jsxs","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;AAWO,MAAM,aAAa,GAAGA,gBAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,2BAAgB,EAAE,CAAC;IAE5C,QACEC,iCAACC,YAAsB,EACrB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAuB,IACtB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACzC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,QAAA,EAAAJ,gCAAA,CAACK,cAAwB,IACvB,SAAS,EAAEF,UAAE,CACXC,qBAAM,CAAC,QAAQ,EACf,YAAY,IAAIA,qBAAM,CAAC,gBAAgB,CACxC,YACA,YAAY,IACXE,sFACEN,gCAAC,CAAAO,iBAAQ,IACP,UAAU,EAAA,IAAA,EACV,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEH,qBAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFJ,gCAAA,CAACQ,qBAAY,EAAA,EAAC,SAAS,EAAEJ,qBAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGF,aAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-content.d.ts

@@ -1,3 +1,6 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
-export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectContentProps extends SelectPrimitive.SelectContentProps {
+    searchPlaceholder?: string;
+}
+export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=select-content.d.ts.map

package/dist/v1/components/select/select-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,eAAO,MAAM,aAAa,4LAgBxB,CAAC"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GAsDzB,CAAC"}

package/dist/v1/components/select/select-content.js

@@ -1,12 +1,19 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { forwardRef } from 'react';
 import { Portal, Content as Content2, Viewport } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.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-select/dist/index.js';
+import { Combobox } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox.js';
+import { ComboboxList } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './select.module.css.js';
+import { useSelectContext } from './select-root.js';
 
-const SelectContent = forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, className: cx(styles.content, className), position: position, onPointerDownOutside: e => {
-            e.stopPropagation();
-        }, ...props, children: jsxRuntimeExports.jsx(Viewport, { children: children }) }) })));
+const SelectContent = forwardRef(({ className, children, position = "popper", searchPlaceholder = "Search...", sideOffset = 4, ...props }, ref) => {
+    const { autocomplete } = useSelectContext();
+    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { role: autocomplete ? "dialog" : undefined, ref: ref, position: position, sideOffset: sideOffset, className: cx(styles.content, className), ...props, children: jsxRuntimeExports.jsx(Viewport, { className: cx(styles.viewport, autocomplete && styles.comboboxViewport), children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { autoSelect: true, placeholder: searchPlaceholder, className: styles.comboboxInput, onBlurCapture: event => {
+                                event.preventDefault();
+                                event.stopPropagation();
+                            } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }) }) }));
+});
 SelectContent.displayName = Content2.displayName;
 
 export { SelectContent };

package/dist/v1/components/select/select-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.js","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cx(styles.content, className)}\n      position={position}\n      onPointerDownOutside={e => {\n        e.stopPropagation();\n      }}\n      {...props}>\n      <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport"],"mappings":";;;;;;AAKa,MAAA,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5DA,qBAAC,CAAAC,MAAsB,cACrBD,qBAAC,CAAAE,QAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,CAAC,IAAG;YACxB,CAAC,CAAC,eAAe,EAAE,CAAC;AACtB,SAAC,EACG,GAAA,KAAK,EACT,QAAA,EAAAF,qBAAA,CAACG,QAAwB,EAAE,EAAA,QAAA,EAAA,QAAQ,EAA4B,CAAA,EAAA,CACvC,EACH,CAAA,CAC1B,EAAE;AACH,aAAa,CAAC,WAAW,GAAGD,QAAuB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-content.js","sources":["../../../../v1/components/select/select-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { useSelectContext } from \"./select-root\";\n\nexport interface SelectContentProps extends SelectPrimitive.SelectContentProps {\n  searchPlaceholder?: string;\n}\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      searchPlaceholder = \"Search...\",\n      sideOffset = 4,\n      ...props\n    },\n    ref,\n  ) => {\n    const { autocomplete } = useSelectContext();\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          role={autocomplete ? \"dialog\" : undefined}\n          ref={ref}\n          position={position}\n          sideOffset={sideOffset}\n          className={cx(styles.content, className)}\n          {...props}>\n          <SelectPrimitive.Viewport\n            className={cx(\n              styles.viewport,\n              autocomplete && styles.comboboxViewport,\n            )}>\n            {autocomplete ? (\n              <>\n                <Combobox\n                  autoSelect\n                  placeholder={searchPlaceholder}\n                  className={styles.comboboxInput}\n                  onBlurCapture={event => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                  }}\n                />\n                <ComboboxList className={styles.comboboxContent}>\n                  {children}\n                </ComboboxList>\n              </>\n            ) : (\n              children\n            )}\n          </SelectPrimitive.Viewport>\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n"],"names":["_jsx","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","_jsxs"],"mappings":";;;;;;;;;AAWO,MAAM,aAAa,GAAG,UAAU,CAIrC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,WAAW,EAC/B,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5C,QACEA,sBAACC,MAAsB,EACrB,EAAA,QAAA,EAAAD,qBAAA,CAACE,QAAuB,IACtB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EACzC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,QAAA,EAAAF,qBAAA,CAACG,QAAwB,IACvB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,QAAQ,EACf,YAAY,IAAI,MAAM,CAAC,gBAAgB,CACxC,YACA,YAAY,IACXC,gEACEJ,qBAAC,CAAA,QAAQ,IACP,UAAU,EAAA,IAAA,EACV,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,aAAa,EAAE,KAAK,IAAG;gCACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;6BACzB,EAAA,CACD,EACFA,qBAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAC5C,QAAA,EAAA,QAAQ,GACI,CACd,EAAA,CAAA,KAEH,QAAQ,CACT,EACwB,CAAA,EAAA,CACH,EACH,CAAA,EACzB;AACJ,CAAC,EACD;AACF,aAAa,CAAC,WAAW,GAAGE,QAAuB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-item.cjs

@@ -3,13 +3,15 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-select@2.2.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-select/dist/index.cjs');
+var JMHAJKUZ = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var select_module = require('./select.module.css.cjs');
 var text = require('../text/text.cjs');
 var selectRoot = require('./select-root.cjs');
+var utils = require('../dropdown-menu/utils.cjs');
 
-const SelectItem = React.forwardRef(({ className, textProps = {}, children, value, leadingIcon, ...props }, ref) => {
-    const { registerIcon, unregisterIcon } = selectRoot.useSelectContext();
+const SelectItem = React.forwardRef(({ className, textProps = {}, children, value, leadingIcon, disabled, ...props }, ref) => {
+    const { registerIcon, unregisterIcon, autocomplete, searchValue, value: selectValue, shouldFilter, } = selectRoot.useSelectContext();
     React.useEffect(() => {
         if (!leadingIcon)
             return;
@@ -18,7 +20,17 @@ const SelectItem = React.forwardRef(({ className, textProps = {}, children, valu
             unregisterIcon(value);
         };
     }, [value, leadingIcon]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Item, { ref: ref, value: value, className: index$1.cx(select_module.default.menuitem, className), ...props, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index.ItemText, { children: jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ...textProps, children: children }) })] }));
+    const isSelected = value === selectValue.value;
+    const isMatched = utils.getMatch(value, children, searchValue);
+    const isHidden = shouldFilter && isSelected && !isMatched;
+    if (shouldFilter && !isMatched && !isSelected) {
+        // Not selected and doesn't match search, so don't render at all
+        return null;
+    }
+    const element = (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index.ItemText, { children: jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ...textProps, children: children }) })] }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Item, { ref: ref, value: value, className: index$1.cx(select_module.default.menuitem, className, isHidden && select_module.default.hidden), "data-hidden": isHidden, disabled: disabled || isHidden, asChild: autocomplete, ...props, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { onBlurCapture: event => {
+                event.preventDefault();
+            }, children: element })) : (element) }));
 });
 SelectItem.displayName = index.Item.displayName;
 

package/dist/v1/components/select/select-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.cjs","sources":["../../../../v1/components/select/select-item.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  useEffect,\n} from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { Text, TextProps } from \"../text\";\nimport { useSelectContext } from \"./select-root\";\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    { className, textProps = {}, children, value, leadingIcon, ...props },\n    ref,\n  ) => {\n    const { registerIcon, unregisterIcon } = useSelectContext();\n\n    useEffect(() => {\n      if (!leadingIcon) return;\n\n      registerIcon(value, leadingIcon);\n      return () => {\n        unregisterIcon(value);\n      };\n    }, [value, leadingIcon]);\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className)}\n        {...props}>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <SelectPrimitive.ItemText>\n          <Text {...textProps}>{children}</Text>\n        </SelectPrimitive.ItemText>\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":["forwardRef","useSelectContext","useEffect","_jsxs","SelectPrimitive.Item","cx","styles","_jsx","SelectPrimitive.ItemText","Text"],"mappings":";;;;;;;;;;AAYa,MAAA,UAAU,GAAGA,gBAAU,CAOlC,CACE,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EACrE,GAAG,KACD;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAGC,2BAAgB,EAAE,CAAC;IAE5DC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW;YAAE,OAAO;AAEzB,QAAA,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACjC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,QACEC,iCAAC,CAAAC,UAAoB,IACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,UAAE,CAACC,qBAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,GACrC,KAAK,EAAA,QAAA,EAAA,CACR,WAAW,IAAIC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,qBAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,WAAW,EAAO,CAAA,EACpEC,gCAAC,CAAAC,cAAwB,EAAA,EAAA,QAAA,EACvBD,gCAAC,CAAAE,SAAI,EAAK,EAAA,GAAA,SAAS,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CACb,CACN,EAAA,CAAA,EACvB;AACJ,CAAC,EACD;AACF,UAAU,CAAC,WAAW,GAAGL,UAAoB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-item.cjs","sources":["../../../../v1/components/select/select-item.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useEffect } from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { ComboboxItem } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./select.module.css\";\nimport { Text, TextProps } from \"../text\";\nimport { useSelectContext } from \"./select-root\";\nimport { getMatch } from \"../dropdown-menu/utils\";\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  Omit<SelectPrimitive.SelectItemProps, \"asChild\"> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(\n  (\n    {\n      className,\n      textProps = {},\n      children,\n      value,\n      leadingIcon,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      registerIcon,\n      unregisterIcon,\n      autocomplete,\n      searchValue,\n      value: selectValue,\n      shouldFilter,\n    } = useSelectContext();\n\n    useEffect(() => {\n      if (!leadingIcon) return;\n\n      registerIcon(value, leadingIcon);\n      return () => {\n        unregisterIcon(value);\n      };\n    }, [value, leadingIcon]);\n\n    const isSelected = value === selectValue.value;\n    const isMatched = getMatch(value, children, searchValue);\n    const isHidden = shouldFilter && isSelected && !isMatched;\n\n    if (shouldFilter && !isMatched && !isSelected) {\n      // Not selected and doesn't match search, so don't render at all\n      return null;\n    }\n\n    const element = (\n      <>\n        {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n        <SelectPrimitive.ItemText>\n          <Text {...textProps}>{children}</Text>\n        </SelectPrimitive.ItemText>\n      </>\n    );\n\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        value={value}\n        className={cx(styles.menuitem, className, isHidden && styles.hidden)}\n        data-hidden={isHidden}\n        disabled={disabled || isHidden}\n        asChild={autocomplete}\n        {...props}>\n        {autocomplete ? (\n          <ComboboxItem\n            onBlurCapture={event => {\n              event.preventDefault();\n            }}>\n            {element}\n          </ComboboxItem>\n        ) : (\n          element\n        )}\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n"],"names":["forwardRef","useSelectContext","useEffect","getMatch","_jsxs","_Fragment","_jsx","styles","SelectPrimitive.ItemText","Text","SelectPrimitive.Item","cx","ComboboxItem"],"mappings":";;;;;;;;;;;;AASO,MAAM,UAAU,GAAGA,gBAAU,CAOlC,CACE,EACE,SAAS,EACT,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,KAAK,EAAE,WAAW,EAClB,YAAY,GACb,GAAGC,2BAAgB,EAAE,CAAC;IAEvBC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW;YAAE,OAAO;AAEzB,QAAA,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACjC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,UAAU,GAAG,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC;IAC/C,MAAM,SAAS,GAAGC,cAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,YAAY,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;IAE1D,IAAI,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE;;AAE7C,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,MAAM,OAAO,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,IAAIC,gCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,qBAAM,CAAC,QAAQ,YAAG,WAAW,EAAA,CAAO,EACpED,gCAAA,CAACE,cAAwB,EAAA,EAAA,QAAA,EACvBF,iCAACG,SAAI,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EACb,CAAA,CAAA,EAAA,CAC1B,CACJ,CAAC;IAEF,QACEH,gCAAC,CAAAI,UAAoB,EACnB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,UAAE,CAACJ,qBAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,IAAIA,qBAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvD,QAAQ,EACrB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,YAAY,EAAA,GACjB,KAAK,EAAA,QAAA,EACR,YAAY,IACXD,gCAAA,CAACM,qBAAY,EAAA,EACX,aAAa,EAAE,KAAK,IAAG;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,aAAC,EACA,QAAA,EAAA,OAAO,EACK,CAAA,KAEf,OAAO,CACR,EACoB,CAAA,EACvB;AACJ,CAAC,EACD;AACF,UAAU,CAAC,WAAW,GAAGF,UAAoB,CAAC,WAAW;;;;"}

package/dist/v1/components/select/select-item.d.ts

@@ -1,6 +1,6 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { TextProps } from "../text";
-export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "asChild"> & {
     textProps?: TextProps | undefined;
     leadingIcon?: React.ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/v1/components/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,UAAU;;kBAIL,MAAM,SAAS;kDA+BhC,CAAC"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAI1C,eAAO,MAAM,UAAU;;kBAIL,MAAM,SAAS;kDAyEhC,CAAC"}