npm - @clickhouse/click-ui - Versions diffs - 0.12.0 → 0.13.0-rc1 - Mend

@clickhouse/click-ui 0.12.0 → 0.13.0-rc1

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 (1107) hide show

package/dist/esm/components/Checkbox/Checkbox.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n var7: styles['checkinput_variant_var7'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["Icon"],"mappings":";;;;;;;;;;AAUA,MAAM,kBAAA,GAAqB,GAAA,CAAI,MAAA,CAAO,UAAA,EAAY;AAAA,EAChD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAM,WAAW,CAAC;AAAA,EACvB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,QAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA,GAAM,KAAA;AAAA,EACN,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,WAAA;AAAA,MACd,IAAA,EAAM,GAAA;AAAA,MACN,WAAW,MAAA,CAAO,OAAA;AAAA,MAElB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,aAAA,CAAc,IAAA;AAAA,UAAd;AAAA,YACC,IAAI,EAAA,IAAM,SAAA;AAAA,YACV,aAAA,EAAY,UAAA;AAAA,YACZ,QAAA;AAAA,YACA,YAAA,EAAY,GAAG,KAAK,CAAA,CAAA;AAAA,YACpB,OAAA;AAAA,YACC,GAAG,SAAA;AAAA,YACJ,WAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,YAExD,8BAAC,aAAA,CAAc,SAAA,EAAd,EAAwB,SAAA,EAAW,OAAO,SAAA,EACzC,QAAA,kBAAA,GAAA;AAAA,cAACA,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAM,OAAA,KAAY,eAAA,GAAkB,OAAA,GAAU,OAAA;AAAA,gBAC9C,IAAA,EAAK;AAAA;AAAA,aACP,EACF;AAAA;AAAA,SACF;AAAA,QACC,KAAA,oBACC,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAS,EAAA,IAAM,SAAA;AAAA,YACf,QAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { GenericLabel } from '@/components/GenericLabel';\nimport { Icon } from '@/components/Icon';\n\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Checkbox.module.css';\nimport { CheckboxProps } from './Checkbox.types';\n\nconst checkInputVariants = cva(styles.checkinput, {\n variants: {\n variant: {\n default: styles['checkinput_variant_default'],\n var1: styles['checkinput_variant_var1'],\n var2: styles['checkinput_variant_var2'],\n var3: styles['checkinput_variant_var3'],\n var4: styles['checkinput_variant_var4'],\n var5: styles['checkinput_variant_var5'],\n var6: styles['checkinput_variant_var6'],\n var7: styles['checkinput_variant_var7'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n\nexport const Checkbox = ({\n id,\n label,\n variant = 'default',\n disabled,\n orientation = 'horizontal',\n dir = 'end',\n checked,\n className,\n ...delegated\n}: CheckboxProps) => {\n const defaultId = useId();\n return (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n className={styles.wrapper}\n >\n <RadixCheckbox.Root\n id={id ?? defaultId}\n data-testid=\"checkbox\"\n disabled={disabled}\n aria-label={`${label}`}\n checked={checked}\n {...delegated}\n className={cn(checkInputVariants({ variant }), className)}\n >\n <RadixCheckbox.Indicator className={styles.checkicon}>\n <Icon\n name={checked === 'indeterminate' ? 'minus' : 'check'}\n size=\"sm\"\n />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {label && (\n <GenericLabel\n htmlFor={id ?? defaultId}\n disabled={disabled}\n >\n {label}\n </GenericLabel>\n )}\n </FormRoot>\n );\n};\n"],"names":["Icon"],"mappings":";;;;;;;;;;AAUA,MAAM,kBAAA,GAAqB,GAAA,CAAI,MAAA,CAAO,UAAA,EAAY;AAAA,EAChD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB,CAAA;AAAA,MACtC,IAAA,EAAM,OAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAEM,MAAM,WAAW,CAAC;AAAA,EACvB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,QAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA,GAAM,KAAA;AAAA,EACN,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,WAAA;AAAA,MACd,IAAA,EAAM,GAAA;AAAA,MACN,WAAW,MAAA,CAAO,OAAA;AAAA,MAElB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,aAAA,CAAc,IAAA;AAAA,UAAd;AAAA,YACC,IAAI,EAAA,IAAM,SAAA;AAAA,YACV,aAAA,EAAY,UAAA;AAAA,YACZ,QAAA;AAAA,YACA,YAAA,EAAY,GAAG,KAAK,CAAA,CAAA;AAAA,YACpB,OAAA;AAAA,YACC,GAAG,SAAA;AAAA,YACJ,WAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,YAExD,8BAAC,aAAA,CAAc,SAAA,EAAd,EAAwB,SAAA,EAAW,OAAO,SAAA,EACzC,QAAA,kBAAA,GAAA;AAAA,cAACA,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAM,OAAA,KAAY,eAAA,GAAkB,OAAA,GAAU,OAAA;AAAA,gBAC9C,IAAA,EAAK;AAAA;AAAA,aACP,EACF;AAAA;AAAA,SACF;AAAA,QACC,KAAA,oBACC,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAS,EAAA,IAAM,SAAA;AAAA,YACf,QAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ;;"}

package/dist/esm/components/CheckboxMultiSelect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/CheckboxMultiSelect/CheckboxMultiSelect.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useUpdateEffect } from '@/hooks/internal';\nimport {\n SelectGroup,\n InternalSelect,\n MultiSelectCheckboxItem,\n SelectItemDescription,\n} from '@/components/Select/common/InternalSelect';\n\nimport type { SelectOptionProp, SelectionType } from '@/components/Select/common/types';\nimport type { CheckboxMultiSelectProps } from './CheckboxMultiSelect.types';\n\nexport const CheckboxMultiSelect = ({\n value: valueProp,\n defaultValue,\n onSelect: onSelectProp,\n options,\n children,\n defaultOpen,\n onOpenChange: onOpenChangeProp,\n selectLabel,\n ...props\n}: CheckboxMultiSelectProps) => {\n const [selectedValues, setSelectedValues] = useState<string[]>(\n valueProp ?? defaultValue ?? []\n );\n const [open, setOpen] = useState(defaultOpen ?? false);\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n setOpen(open);\n if (typeof onOpenChangeProp === 'function') {\n onOpenChangeProp(open);\n }\n },\n [onOpenChangeProp]\n );\n\n useUpdateEffect(() => {\n setSelectedValues(valueProp ?? []);\n }, [valueProp]);\n\n const onChange = useCallback(\n (values: string[], type?: SelectionType) => {\n setSelectedValues(values);\n if (typeof onSelectProp === 'function') {\n onSelectProp(values, type);\n }\n },\n [onSelectProp]\n );\n\n const onSelect = useCallback(\n (value: string, type?: SelectionType) => {\n let newValues = [];\n if (selectedValues.includes(value)) {\n newValues = selectedValues.filter(currentValue => currentValue !== value);\n } else {\n newValues = [...selectedValues, value];\n }\n\n onChange(newValues, type);\n },\n [onChange, selectedValues]\n );\n\n const conditionalProps: Partial<SelectOptionProp> = {};\n if (options) {\n conditionalProps.options = options;\n } else {\n conditionalProps.children = children;\n }\n\n return (\n <InternalSelect\n onChange={onChange}\n value={selectedValues}\n open={open}\n onOpenChange={onOpenChange}\n onSelect={onSelect}\n checkbox={true}\n selectLabel={selectLabel}\n {...conditionalProps}\n {...props}\n />\n );\n};\n\nCheckboxMultiSelect.Group = SelectGroup;\nCheckboxMultiSelect.Item = MultiSelectCheckboxItem;\nCheckboxMultiSelect.ItemDescription = SelectItemDescription;\n"],"names":["open"],"mappings":";;;;;AAYO,MAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA,EAAO,SAAA;AAAA,EACP,YAAA;AAAA,EACA,QAAA,EAAU,YAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,EAAc,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAgC;AAC9B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA;AAAA,IAC1C,SAAA,IAAa,gBAAgB;AAAC,GAChC;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAS,eAAe,KAAK,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAACA,KAAAA,KAAkB;AACjB,MAAA,OAAA,CAAQA,KAAI,CAAA;AACZ,MAAA,IAAI,OAAO,qBAAqB,UAAA,EAAY;AAC1C,QAAA,gBAAA,CAAiBA,KAAI,CAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,iBAAA,CAAkB,SAAA,IAAa,EAAE,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,QAAkB,IAAA,KAAyB;AAC1C,MAAA,iBAAA,CAAkB,MAAM,CAAA;AACxB,MAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACtC,QAAA,YAAA,CAAa,QAAQ,IAAI,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,OAAe,IAAA,KAAyB;AACvC,MAAA,IAAI,YAAY,EAAC;AACjB,MAAA,IAAI,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA,EAAG;AAClC,QAAA,SAAA,GAAY,cAAA,CAAe,MAAA,CAAO,CAAA,YAAA,KAAgB,YAAA,KAAiB,KAAK,CAAA;AAAA,MAC1E,CAAA,MAAO;AACL,QAAA,SAAA,GAAY,CAAC,GAAG,cAAA,EAAgB,KAAK,CAAA;AAAA,MACvC;AAEA,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,UAAU,cAAc;AAAA,GAC3B;AAEA,EAAA,MAAM,mBAA8C,EAAC;AACrD,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,gBAAA,CAAiB,OAAA,GAAU,OAAA;AAAA,EAC7B,CAAA,MAAO;AACL,IAAA,gBAAA,CAAiB,QAAA,GAAW,QAAA;AAAA,EAC9B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA,EAAO,cAAA;AAAA,MACP,IAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA,EAAU,IAAA;AAAA,MACV,WAAA;AAAA,MACC,GAAG,gBAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,mBAAA,CAAoB,KAAA,GAAQ,WAAA;AAC5B,mBAAA,CAAoB,IAAA,GAAO,uBAAA;AAC3B,mBAAA,CAAoB,eAAA,GAAkB,qBAAA~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/CheckboxMultiSelect/CheckboxMultiSelect.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useUpdateEffect } from '@/hooks/internal';\nimport {\n SelectGroup,\n InternalSelect,\n MultiSelectCheckboxItem,\n SelectItemDescription,\n} from '@/components/Select/common/InternalSelect';\n\nimport type { SelectOptionProp, SelectionType } from '@/components/Select/common/types';\nimport type { CheckboxMultiSelectProps } from './CheckboxMultiSelect.types';\n\nexport const CheckboxMultiSelect = ({\n value: valueProp,\n defaultValue,\n onSelect: onSelectProp,\n options,\n children,\n defaultOpen,\n onOpenChange: onOpenChangeProp,\n selectLabel,\n ...props\n}: CheckboxMultiSelectProps) => {\n const [selectedValues, setSelectedValues] = useState<string[]>(\n valueProp ?? defaultValue ?? []\n );\n const [open, setOpen] = useState(defaultOpen ?? false);\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n setOpen(open);\n if (typeof onOpenChangeProp === 'function') {\n onOpenChangeProp(open);\n }\n },\n [onOpenChangeProp]\n );\n\n useUpdateEffect(() => {\n setSelectedValues(valueProp ?? []);\n }, [valueProp]);\n\n const onChange = useCallback(\n (values: string[], type?: SelectionType) => {\n setSelectedValues(values);\n if (typeof onSelectProp === 'function') {\n onSelectProp(values, type);\n }\n },\n [onSelectProp]\n );\n\n const onSelect = useCallback(\n (value: string, type?: SelectionType) => {\n let newValues = [];\n if (selectedValues.includes(value)) {\n newValues = selectedValues.filter(currentValue => currentValue !== value);\n } else {\n newValues = [...selectedValues, value];\n }\n\n onChange(newValues, type);\n },\n [onChange, selectedValues]\n );\n\n const conditionalProps: Partial<SelectOptionProp> = {};\n if (options) {\n conditionalProps.options = options;\n } else {\n conditionalProps.children = children;\n }\n\n return (\n <InternalSelect\n onChange={onChange}\n value={selectedValues}\n open={open}\n onOpenChange={onOpenChange}\n onSelect={onSelect}\n checkbox={true}\n selectLabel={selectLabel}\n {...conditionalProps}\n {...props}\n />\n );\n};\n\nCheckboxMultiSelect.Group = SelectGroup;\nCheckboxMultiSelect.Item = MultiSelectCheckboxItem;\nCheckboxMultiSelect.ItemDescription = SelectItemDescription;\n"],"names":["open"],"mappings":";;;;;AAYO,MAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA,EAAO,SAAA;AAAA,EACP,YAAA;AAAA,EACA,QAAA,EAAU,YAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,EAAc,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAgC;AAC9B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA;AAAA,IAC1C,SAAA,IAAa,gBAAgB;AAAC,GAChC;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAS,eAAe,KAAK,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAACA,KAAAA,KAAkB;AACjB,MAAA,OAAA,CAAQA,KAAI,CAAA;AACZ,MAAA,IAAI,OAAO,qBAAqB,UAAA,EAAY;AAC1C,QAAA,gBAAA,CAAiBA,KAAI,CAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,iBAAA,CAAkB,SAAA,IAAa,EAAE,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,QAAkB,IAAA,KAAyB;AAC1C,MAAA,iBAAA,CAAkB,MAAM,CAAA;AACxB,MAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACtC,QAAA,YAAA,CAAa,QAAQ,IAAI,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,OAAe,IAAA,KAAyB;AACvC,MAAA,IAAI,YAAY,EAAC;AACjB,MAAA,IAAI,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA,EAAG;AAClC,QAAA,SAAA,GAAY,cAAA,CAAe,MAAA,CAAO,CAAA,YAAA,KAAgB,YAAA,KAAiB,KAAK,CAAA;AAAA,MAC1E,CAAA,MAAO;AACL,QAAA,SAAA,GAAY,CAAC,GAAG,cAAA,EAAgB,KAAK,CAAA;AAAA,MACvC;AAEA,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,UAAU,cAAc;AAAA,GAC3B;AAEA,EAAA,MAAM,mBAA8C,EAAC;AACrD,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,gBAAA,CAAiB,OAAA,GAAU,OAAA;AAAA,EAC7B,CAAA,MAAO;AACL,IAAA,gBAAA,CAAiB,QAAA,GAAW,QAAA;AAAA,EAC9B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,KAAA,EAAO,cAAA;AAAA,MACP,IAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA,EAAU,IAAA;AAAA,MACV,WAAA;AAAA,MACC,GAAG,gBAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,mBAAA,CAAoB,KAAA,GAAQ,WAAA;AAC5B,mBAAA,CAAoB,IAAA,GAAO,uBAAA;AAC3B,mBAAA,CAAoB,eAAA,GAAkB,qBAAA;;"}

package/dist/esm/components/CodeBlock/CodeBlock.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeBlock.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"CodeBlock.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/esm/components/CodeBlock/InlineCodeBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineCodeBlock.js","sources":["../../../../src/components/CodeBlock/InlineCodeBlock.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './InlineCodeBlock.module.css';\n\nexport const InlineCodeBlock = ({\n className,\n ...props\n}: HTMLAttributes<HTMLSpanElement>) => (\n <span\n {...props}\n className={cn(styles.inline, className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAA,EAAQ,SAAS;AAAA;AACxC~~;;;;~~"}
1	+ {"version":3,"file":"InlineCodeBlock.js","sources":["../../../../src/components/CodeBlock/InlineCodeBlock.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './InlineCodeBlock.module.css';\n\nexport const InlineCodeBlock = ({\n className,\n ...props\n}: HTMLAttributes<HTMLSpanElement>) => (\n <span\n {...props}\n className={cn(styles.inline, className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAA,EAAQ,SAAS;AAAA;AACxC;;"}

package/dist/esm/components/CodeBlock/InlineCodeBlock.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineCodeBlock.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;~~"}
1	+ {"version":3,"file":"InlineCodeBlock.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/esm/components/CodeBlock/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from 'react';\nimport { Light as SyntaxHighlighter, createElement } from 'react-syntax-highlighter';\n\nimport { IconButton } from '@/components/IconButton';\n\nimport { cn } from '@/lib/cva';\nimport useColorStyle, { useButtonStateColors, useNumbersColor } from './useColorStyle';\nimport { CodeBlockProps } from './CodeBlock.types';\nimport styles from './CodeBlock.module.css';\n\n/* eslint-disable import/extensions /\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport sql from 'react-syntax-highlighter/dist/cjs/languages/hljs/sql.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport bash from 'react-syntax-highlighter/dist/cjs/languages/hljs/bash.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport json from 'react-syntax-highlighter/dist/cjs/languages/hljs/json.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport tsx from 'react-syntax-highlighter/dist/cjs/languages/hljs/typescript.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport plaintext from 'react-syntax-highlighter/dist/cjs/languages/hljs/plaintext.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport diff from 'react-syntax-highlighter/dist/cjs/languages/hljs/diff.js';\n/ eslint-enable import/extensions /\n\nSyntaxHighlighter.registerLanguage('sql', sql.default \|\| sql);\nSyntaxHighlighter.registerLanguage('bash', bash.default \|\| bash);\nSyntaxHighlighter.registerLanguage('json', json.default \|\| json);\nSyntaxHighlighter.registerLanguage('tsx', tsx.default \|\| tsx);\nSyntaxHighlighter.registerLanguage('plaintext', plaintext.default \|\| plaintext);\nSyntaxHighlighter.registerLanguage('diff', diff.default \|\| diff);\n\ninterface RendererNodeType {\n type: 'element' \| 'text';\n value?: string \| number \| undefined;\n tagName?: keyof React.JSX.IntrinsicElements \| React.ComponentType \| undefined;\n properties?: { className: unknown[]; [key: string]: unknown };\n children?: RendererNodeType[];\n}\ninterface CustomRendererProps {\n rows: RendererNodeType[];\n stylesheet: { [key: string]: React.CSSProperties };\n useInlineStyles: boolean;\n}\n\nexport const CodeBlock = ({\n children,\n language,\n theme,\n showLineNumbers,\n showWrapButton = false,\n wrapLines = false,\n ariaLabel,\n onCopy,\n onCopyError,\n className,\n style,\n ...props\n}: CodeBlockProps) => {\n const [copied, setCopied] = useState(false);\n const [errorCopy, setErrorCopy] = useState(false);\n const [wrap, setWrap] = useState(wrapLines);\n const customStyle = useColorStyle(theme);\n const numbersColor = useNumbersColor(theme);\n const buttonStateColors = useButtonStateColors();\n\n const copyCodeToClipboard = async () => {\n try {\n await navigator.clipboard.writeText(children);\n if (typeof onCopy == 'function') {\n onCopy(children);\n }\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (error) {\n let message = 'Unable to copy code';\n if (error instanceof Error) {\n message = error.message;\n }\n setErrorCopy(true);\n if (typeof onCopyError === 'function') {\n onCopyError(message);\n }\n setTimeout(() => setErrorCopy(false), 2000);\n }\n };\n\n const codeRegionLabel =\n ariaLabel ?? (language ? `${language} code block` : 'Code block');\n\n const wrapElement = () => {\n setWrap(wrap => !wrap);\n };\n\n const CodeWithRef = (props: HTMLAttributes<HTMLElement>) => (\n <code\n {...props}\n className={cn(styles['codeblock__content'], props.className)}\n />\n );\n return (\n <div\n {...props}\n style={{ '--codeblock-numbers': numbersColor, ...style } as React.CSSProperties}\n className={cn(styles.codeblock, className)}\n >\n <SyntaxHighlighter\n tabIndex={0}\n role=\"group\"\n aria-label={codeRegionLabel}\n language={language}\n style={customStyle}\n CodeTag={CodeWithRef}\n className={styles['codeblock__highlighter']}\n renderer={({ rows, stylesheet, useInlineStyles }: CustomRendererProps) => {\n return rows.map((row, index) => {\n const children = row.children;\n const lineNumberElement = children?.shift();\n\n /\n We will take current structure of the rows and rebuild it\n * according to the suggestion here https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/376#issuecomment-1246115899\n */\n if (lineNumberElement) {\n row.children = [\n lineNumberElement,\n {\n children,\n properties: {\n className: [],\n },\n tagName: 'span',\n type: 'element',\n },\n ];\n }\n\n return createElement({\n node: row,\n stylesheet,\n useInlineStyles,\n key: index,\n });\n });\n }}\n showLineNumbers={showLineNumbers}\n wrapLines={wrap \|\| wrapLines}\n wrapLongLines={wrap \|\| wrapLines}\n >\n {children}\n </SyntaxHighlighter>\n <div className={styles['codeblock__button-container']}>\n {showWrapButton && (\n <IconButton\n className={styles['codeblock__button']}\n icon=\"document\"\n onClick={wrapElement}\n />\n )}\n <IconButton\n className={styles['codeblock__button']}\n style={\n {\n '--codeblock-button': copied\n ? buttonStateColors.success\n : errorCopy\n ? buttonStateColors.danger\n : undefined,\n } as React.CSSProperties\n }\n icon={copied ? 'check' : errorCopy ? 'warning' : 'copy'}\n onClick={copyCodeToClipboard}\n />\n </div>\n </div>\n );\n};\n"],"names":["SyntaxHighlighter","wrap","props","children"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from 'react';\nimport { Light as SyntaxHighlighter, createElement } from 'react-syntax-highlighter';\n\nimport { IconButton } from '@/components/IconButton';\n\nimport { cn } from '@/lib/cva';\nimport useColorStyle, { useButtonStateColors, useNumbersColor } from './useColorStyle';\nimport { CodeBlockProps } from './CodeBlock.types';\nimport styles from './CodeBlock.module.css';\n\n/* eslint-disable import/extensions /\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport sql from 'react-syntax-highlighter/dist/cjs/languages/hljs/sql.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport bash from 'react-syntax-highlighter/dist/cjs/languages/hljs/bash.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport json from 'react-syntax-highlighter/dist/cjs/languages/hljs/json.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport tsx from 'react-syntax-highlighter/dist/cjs/languages/hljs/typescript.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport plaintext from 'react-syntax-highlighter/dist/cjs/languages/hljs/plaintext.js';\n// @ts-expect-error - Importing CJS modules in ESM context requires explicit .js extension\nimport diff from 'react-syntax-highlighter/dist/cjs/languages/hljs/diff.js';\n/ eslint-enable import/extensions /\n\nSyntaxHighlighter.registerLanguage('sql', sql.default \|\| sql);\nSyntaxHighlighter.registerLanguage('bash', bash.default \|\| bash);\nSyntaxHighlighter.registerLanguage('json', json.default \|\| json);\nSyntaxHighlighter.registerLanguage('tsx', tsx.default \|\| tsx);\nSyntaxHighlighter.registerLanguage('plaintext', plaintext.default \|\| plaintext);\nSyntaxHighlighter.registerLanguage('diff', diff.default \|\| diff);\n\ninterface RendererNodeType {\n type: 'element' \| 'text';\n value?: string \| number \| undefined;\n tagName?: keyof React.JSX.IntrinsicElements \| React.ComponentType \| undefined;\n properties?: { className: unknown[]; [key: string]: unknown };\n children?: RendererNodeType[];\n}\ninterface CustomRendererProps {\n rows: RendererNodeType[];\n stylesheet: { [key: string]: React.CSSProperties };\n useInlineStyles: boolean;\n}\n\nexport const CodeBlock = ({\n children,\n language,\n theme,\n showLineNumbers,\n showWrapButton = false,\n wrapLines = false,\n ariaLabel,\n onCopy,\n onCopyError,\n className,\n style,\n ...props\n}: CodeBlockProps) => {\n const [copied, setCopied] = useState(false);\n const [errorCopy, setErrorCopy] = useState(false);\n const [wrap, setWrap] = useState(wrapLines);\n const customStyle = useColorStyle(theme);\n const numbersColor = useNumbersColor(theme);\n const buttonStateColors = useButtonStateColors();\n\n const copyCodeToClipboard = async () => {\n try {\n await navigator.clipboard.writeText(children);\n if (typeof onCopy == 'function') {\n onCopy(children);\n }\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (error) {\n let message = 'Unable to copy code';\n if (error instanceof Error) {\n message = error.message;\n }\n setErrorCopy(true);\n if (typeof onCopyError === 'function') {\n onCopyError(message);\n }\n setTimeout(() => setErrorCopy(false), 2000);\n }\n };\n\n const codeRegionLabel =\n ariaLabel ?? (language ? `${language} code block` : 'Code block');\n\n const wrapElement = () => {\n setWrap(wrap => !wrap);\n };\n\n const CodeWithRef = (props: HTMLAttributes<HTMLElement>) => (\n <code\n {...props}\n className={cn(styles['codeblock__content'], props.className)}\n />\n );\n return (\n <div\n {...props}\n style={{ '--codeblock-numbers': numbersColor, ...style } as React.CSSProperties}\n className={cn(styles.codeblock, className)}\n >\n <SyntaxHighlighter\n tabIndex={0}\n role=\"group\"\n aria-label={codeRegionLabel}\n language={language}\n style={customStyle}\n CodeTag={CodeWithRef}\n className={styles['codeblock__highlighter']}\n renderer={({ rows, stylesheet, useInlineStyles }: CustomRendererProps) => {\n return rows.map((row, index) => {\n const children = row.children;\n const lineNumberElement = children?.shift();\n\n /\n We will take current structure of the rows and rebuild it\n * according to the suggestion here https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/376#issuecomment-1246115899\n */\n if (lineNumberElement) {\n row.children = [\n lineNumberElement,\n {\n children,\n properties: {\n className: [],\n },\n tagName: 'span',\n type: 'element',\n },\n ];\n }\n\n return createElement({\n node: row,\n stylesheet,\n useInlineStyles,\n key: index,\n });\n });\n }}\n showLineNumbers={showLineNumbers}\n wrapLines={wrap \|\| wrapLines}\n wrapLongLines={wrap \|\| wrapLines}\n >\n {children}\n </SyntaxHighlighter>\n <div className={styles['codeblock__button-container']}>\n {showWrapButton && (\n <IconButton\n className={styles['codeblock__button']}\n icon=\"document\"\n onClick={wrapElement}\n />\n )}\n <IconButton\n className={styles['codeblock__button']}\n style={\n {\n '--codeblock-button': copied\n ? buttonStateColors.success\n : errorCopy\n ? buttonStateColors.danger\n : undefined,\n } as React.CSSProperties\n }\n icon={copied ? 'check' : errorCopy ? 'warning' : 'copy'}\n onClick={copyCodeToClipboard}\n />\n </div>\n </div>\n );\n};\n"],"names":["SyntaxHighlighter","wrap","props","children"],"mappings":"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"}

package/dist/esm/components/CodeBlock/useColorStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColorStyle.js","sources":["../../../../src/components/CodeBlock/useColorStyle.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useTheme } from '@/theme/ThemeContext';\nimport { CodeThemeType } from './CodeBlock.types';\n\nconst useColorStyle = (defaultTheme?: CodeThemeType): Record<string, CSSProperties> => {\n const theme = useTheme();\n const inheritedThemeName = theme.name as CodeThemeType;\n const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;\n const codeTheme = theme.click.codeblock[`${themeName}Mode`].color;\n\n return {\n hljs: {\n display: 'block',\n overflowX: 'auto',\n padding: `${theme.click.codeblock.space.y} ${theme.click.codeblock.space.x}`,\n color: codeTheme.text.default,\n background: codeTheme.background.default,\n borderRadius: theme.click.codeblock.radii.all,\n font: theme.click.codeblock.typography.text.default,\n },\n 'hljs-comment': {\n color: themeName === 'dark' ? '#999999' : '#656e77',\n },\n 'hljs-keyword': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-tag': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-meta-keyword': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-doctag': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-section': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-class': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-meta': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-pseudo': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-attr': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-attribute': {\n color: themeName === 'dark' ? '#c59bc1' : '#803378',\n },\n 'hljs-name': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-type': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-number': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-selector-id': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-quote': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-template-tag': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-built_in': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-title': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-literal': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-string': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-regexp': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-symbol': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-variable': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-template-variable': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-link': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-selector-attr': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-meta-string': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-bullet': {\n color: themeName === 'dark' ? '#cccccc' : '#535a60',\n },\n 'hljs-code': {\n color: themeName === 'dark' ? '#cccccc' : '#535a60',\n },\n 'hljs-deletion': {\n color: themeName === 'dark' ? '#de7176' : '#c02d2e',\n },\n 'hljs-addition': {\n color: themeName === 'dark' ? '#76c490' : '#2f6f44',\n },\n 'hljs-emphasis': {\n fontStyle: 'italic',\n },\n 'hljs-strong': {\n fontWeight: 'bold',\n },\n };\n};\n\nexport const useNumbersColor = (defaultTheme?: CodeThemeType): string => {\n const theme = useTheme();\n const inheritedThemeName = theme.name as CodeThemeType;\n const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;\n return theme.click.codeblock[`${themeName}Mode`].color.numbers.default;\n};\n\nexport const useButtonStateColors = (): { success: string; danger: string } => {\n const theme = useTheme();\n return {\n success: theme.click.alert.color.text.success,\n danger: theme.click.alert.color.text.danger,\n };\n};\n\nexport default useColorStyle;\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"useColorStyle.js","sources":["../../../../src/components/CodeBlock/useColorStyle.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useTheme } from '@/theme/ThemeContext';\nimport { CodeThemeType } from './CodeBlock.types';\n\nconst useColorStyle = (defaultTheme?: CodeThemeType): Record<string, CSSProperties> => {\n const theme = useTheme();\n const inheritedThemeName = theme.name as CodeThemeType;\n const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;\n const codeTheme = theme.click.codeblock[`${themeName}Mode`].color;\n\n return {\n hljs: {\n display: 'block',\n overflowX: 'auto',\n padding: `${theme.click.codeblock.space.y} ${theme.click.codeblock.space.x}`,\n color: codeTheme.text.default,\n background: codeTheme.background.default,\n borderRadius: theme.click.codeblock.radii.all,\n font: theme.click.codeblock.typography.text.default,\n },\n 'hljs-comment': {\n color: themeName === 'dark' ? '#999999' : '#656e77',\n },\n 'hljs-keyword': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-tag': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-meta-keyword': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-doctag': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-section': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-class': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-meta': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-selector-pseudo': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-attr': {\n color: themeName === 'dark' ? '#88aece' : '#015692',\n },\n 'hljs-attribute': {\n color: themeName === 'dark' ? '#c59bc1' : '#803378',\n },\n 'hljs-name': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-type': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-number': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-selector-id': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-quote': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-template-tag': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-built_in': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-title': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-literal': {\n color: themeName === 'dark' ? '#f08d49' : '#b75501',\n },\n 'hljs-string': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-regexp': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-symbol': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-variable': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-template-variable': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-link': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-selector-attr': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-meta-string': {\n color: themeName === 'dark' ? '#b5bd68' : '#54790d',\n },\n 'hljs-bullet': {\n color: themeName === 'dark' ? '#cccccc' : '#535a60',\n },\n 'hljs-code': {\n color: themeName === 'dark' ? '#cccccc' : '#535a60',\n },\n 'hljs-deletion': {\n color: themeName === 'dark' ? '#de7176' : '#c02d2e',\n },\n 'hljs-addition': {\n color: themeName === 'dark' ? '#76c490' : '#2f6f44',\n },\n 'hljs-emphasis': {\n fontStyle: 'italic',\n },\n 'hljs-strong': {\n fontWeight: 'bold',\n },\n };\n};\n\nexport const useNumbersColor = (defaultTheme?: CodeThemeType): string => {\n const theme = useTheme();\n const inheritedThemeName = theme.name as CodeThemeType;\n const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;\n return theme.click.codeblock[`${themeName}Mode`].color.numbers.default;\n};\n\nexport const useButtonStateColors = (): { success: string; danger: string } => {\n const theme = useTheme();\n return {\n success: theme.click.alert.color.text.success,\n danger: theme.click.alert.color.text.danger,\n };\n};\n\nexport default useColorStyle;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Collapsible/Collapsible.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Collapsible.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Collapsible.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Collapsible/IconWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconWrapper.js","sources":["../../../../src/components/Collapsible/IconWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Icon } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport type { ImageName } from '@/components/Icon';\n\nimport { cn } from '@/lib/cva';\nimport styles from './Collapsible.module.css';\n\nexport const IconWrapper = ({\n icon,\n iconDir = 'start',\n children,\n}: {\n // TODO: The consumer app seem to expect to use other assets\n // this needs to be investigated why it had type IconName\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n children: ReactNode;\n}) => {\n return (\n <span className={cn(styles.collapsible__label)}>\n {icon && iconDir === 'start' && (\n <Icon\n name={icon}\n size=\"sm\"\n />\n )}\n <span className={cn(styles.collapsible__ellipsis)}>{children}</span>\n {icon && iconDir === 'end' && (\n <Icon\n name={icon}\n size=\"sm\"\n />\n )}\n </span>\n );\n};\n"],"names":["Icon"],"mappings":";;;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV;AACF,CAAA,KAMM;AACJ,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,kBAAkB,CAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,YAAY,OAAA,oBACnB,GAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,wBAED,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,MAAA,CAAO,qBAAqB,GAAI,QAAA,EAAS,CAAA;AAAA,IAC5D,IAAA,IAAQ,YAAY,KAAA,oBACnB,GAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"IconWrapper.js","sources":["../../../../src/components/Collapsible/IconWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Icon } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport type { ImageName } from '@/components/Icon';\n\nimport { cn } from '@/lib/cva';\nimport styles from './Collapsible.module.css';\n\nexport const IconWrapper = ({\n icon,\n iconDir = 'start',\n children,\n}: {\n // TODO: The consumer app seem to expect to use other assets\n // this needs to be investigated why it had type IconName\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n children: ReactNode;\n}) => {\n return (\n <span className={cn(styles.collapsible__label)}>\n {icon && iconDir === 'start' && (\n <Icon\n name={icon}\n size=\"sm\"\n />\n )}\n <span className={cn(styles.collapsible__ellipsis)}>{children}</span>\n {icon && iconDir === 'end' && (\n <Icon\n name={icon}\n size=\"sm\"\n />\n )}\n </span>\n );\n};\n"],"names":["Icon"],"mappings":";;;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV;AACF,CAAA,KAMM;AACJ,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,kBAAkB,CAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,YAAY,OAAA,oBACnB,GAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,wBAED,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,MAAA,CAAO,qBAAqB,GAAI,QAAA,EAAS,CAAA;AAAA,IAC5D,IAAA,IAAQ,YAAY,KAAA,oBACnB,GAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ;;"}

package/dist/esm/components/Collapsible/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import {\n createContext,\n useState,\n HTMLAttributes,\n useContext,\n useEffect,\n forwardRef,\n} from 'react';\n\nimport { cn, cva } from '@/lib/cva';\nimport { Icon, type ImageName } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport { EmptyButton } from '@/components/EmptyButton';\n\nimport { IconWrapper } from './IconWrapper';\nimport { CollapsibleProps } from './Collapsible.types';\nimport styles from './Collapsible.module.css';\n\ntype ContextProps = {\n open: boolean;\n onOpenChange: () => void;\n};\n\nconst NavContext = createContext<ContextProps>({\n open: false,\n onOpenChange: () => null,\n});\n\nexport const Collapsible = ({\n open: openProp,\n onOpenChange: onOpenChangeProp,\n children,\n className,\n ...props\n}: CollapsibleProps) => {\n const [open, setOpen] = useState(openProp ?? false);\n const onOpenChange = () => {\n setOpen(open => {\n if (typeof onOpenChangeProp === 'function') {\n onOpenChangeProp(!open);\n }\n return !open;\n });\n };\n\n useEffect(() => {\n setOpen(open => openProp ?? open);\n }, [openProp]);\n\n const value = {\n open: openProp ?? open,\n onOpenChange,\n };\n return (\n <div\n {...props}\n className={cn(styles.collapsible, className)}\n >\n <NavContext.Provider value={value}>{children}</NavContext.Provider>\n </div>\n );\n};\n\nconst headerVariants = cva(styles.collapsible__header, {\n variants: {\n indicatorDir: {\n start: styles['collapsible__header_indicator-dir_start'],\n end: styles['collapsible__header_indicator-dir_end'],\n },\n },\n defaultVariants: {\n indicatorDir: 'start',\n },\n});\n\ninterface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n indicatorDir?: HorizontalDirection;\n wrapInTrigger?: boolean;\n}\n\nconst CollapsipleHeader = forwardRef<HTMLDivElement, CollapsipleHeaderProps>(\n (\n {\n indicatorDir = 'start',\n icon,\n iconDir,\n children,\n wrapInTrigger,\n onClick: onClickProp,\n className,\n ...props\n }: CollapsipleHeaderProps,\n ref\n ) => {\n const { onOpenChange } = useContext(NavContext);\n return (\n <div\n ref={ref}\n onClick={e => {\n if (wrapInTrigger && typeof onOpenChange === 'function') {\n onOpenChange();\n }\n if (typeof onClickProp === 'function') {\n onClickProp(e);\n }\n }}\n data-collapsible-header\n {...props}\n className={cn(headerVariants({ indicatorDir }), className)}\n >\n {indicatorDir === 'start' && <Collapsible.Trigger />}\n {children && (\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n )}\n {indicatorDir === 'end' && <Collapsible.Trigger />}\n </div>\n );\n }\n);\n\nCollapsipleHeader.displayName = 'CollapsibleHeader';\nCollapsible.Header = CollapsipleHeader;\n\ninterface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n indicatorDir?: HorizontalDirection;\n}\n\nconst CollapsipleTrigger = ({\n onClick: onClickProp,\n children,\n indicatorDir = 'start',\n icon,\n iconDir = 'start',\n className,\n ...props\n}: CollapsipleTriggerProps) => {\n const { open, onOpenChange } = useContext(NavContext);\n const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (onClickProp) {\n onClickProp(e);\n }\n onOpenChange();\n };\n\n return (\n <EmptyButton\n onClick={onClick}\n aria-label=\"trigger children\"\n {...props}\n className={cn(styles.collapsible__trigger, className)}\n >\n {indicatorDir === 'start' && (\n <Icon\n data-trigger-icon\n name=\"chevron-right\"\n data-open={open.toString()}\n size=\"sm\"\n />\n )}\n {children && (\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n )}\n {indicatorDir === 'end' && (\n <Icon\n data-trigger-icon\n name=\"chevron-right\"\n data-open={open.toString()}\n size=\"sm\"\n />\n )}\n </EmptyButton>\n );\n};\n\nCollapsipleTrigger.displayName = 'CollapsibleTrigger';\nCollapsible.Trigger = CollapsipleTrigger;\n\nconst contentVariants = cva(styles.collapsible__content, {\n variants: {\n indicatorDir: {\n start: styles['collapsible__content_indicator-dir_start'],\n end: styles['collapsible__content_indicator-dir_end'],\n },\n },\n});\n\nconst CollapsipleContent = ({\n indicatorDir,\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement> & { indicatorDir?: HorizontalDirection }) => {\n const { open } = useContext(NavContext);\n if (!open) {\n return;\n }\n return (\n <div\n {...props}\n className={cn(contentVariants({ indicatorDir }), className)}\n />\n );\n};\n\nCollapsipleContent.displayName = 'CollapsibleContent';\nCollapsible.Content = CollapsipleContent;\n"],"names":["open","Icon"],"mappings":";;;;;;;;;AAuBA,MAAM,aAAa,aAAA,CAA4B;AAAA,EAC7C,IAAA,EAAM,KAAA;AAAA,EACN,cAAc,MAAM;AACtB,CAAC,CAAA;AAEM,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAA,EAAM,QAAA;AAAA,EACN,YAAA,EAAc,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAS,YAAY,KAAK,CAAA;AAClD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,OAAA,CAAQ,CAAAA,KAAAA,KAAQ;AACd,MAAA,IAAI,OAAO,qBAAqB,UAAA,EAAY;AAC1C,QAAA,gBAAA,CAAiB,CAACA,KAAI,CAAA;AAAA,MACxB;AACA,MAAA,OAAO,CAACA,KAAAA;AAAA,IACV,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,CAAAA,KAAAA,KAAQ,QAAA,IAAYA,KAAI,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,MAAM,QAAA,IAAY,IAAA;AAAA,IAClB;AAAA,GACF;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,WAAA,EAAa,SAAS,CAAA;AAAA,MAE3C,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,OAAe,QAAA,EAAS;AAAA;AAAA,GAC/C;AAEJ;AAEA,MAAM,cAAA,GAAiB,GAAA,CAAI,MAAA,CAAO,mBAAA,EAAqB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,YAAA,EAAc;AAAA,MACZ,KAAA,EAAO,OAAO,yCAAyC,CAAA;AAAA,MACvD,GAAA,EAAK,OAAO,uCAAuC;AAAA;AACrD,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,YAAA,EAAc;AAAA;AAElB,CAAC,CAAA;AASD,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CACE;AAAA,IACE,YAAA,GAAe,OAAA;AAAA,IACf,IAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA,EAAS,WAAA;AAAA,IACT,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,YAAA,EAAa,GAAI,UAAA,CAAW,UAAU,CAAA;AAC9C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAS,CAAA,CAAA,KAAK;AACZ,UAAA,IAAI,aAAA,IAAiB,OAAO,YAAA,KAAiB,UAAA,EAAY;AACvD,YAAA,YAAA,EAAa;AAAA,UACf;AACA,UAAA,IAAI,OAAO,gBAAgB,UAAA,EAAY;AACrC,YAAA,WAAA,CAAY,CAAC,CAAA;AAAA,UACf;AAAA,QACF,CAAA;AAAA,QACA,yBAAA,EAAuB,IAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QACJ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,YAAA,EAAc,GAAG,SAAS,CAAA;AAAA,QAExD,QAAA,EAAA;AAAA,UAAA,YAAA,KAAiB,OAAA,oBAAW,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAoB,CAAA;AAAA,UACjD,QAAA,oBACC,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,IAAA;AAAA,cACA,OAAA;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAED,YAAA,KAAiB,KAAA,oBAAS,GAAA,CAAC,WAAA,CAAY,SAAZ,EAAoB;AAAA;AAAA;AAAA,KAClD;AAAA,EAEJ;AACF,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAChC,WAAA,CAAY,MAAA,GAAS,iBAAA;AAQrB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,OAAA,EAAS,WAAA;AAAA,EACT,QAAA;AAAA,EACA,YAAA,GAAe,OAAA;AAAA,EACf,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+B;AAC7B,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAa,GAAI,WAAW,UAAU,CAAA;AACpD,EAAA,MAAM,OAAA,GAAU,CAAC,CAAA,KAA2C;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,CAAY,CAAC,CAAA;AAAA,IACf;AACA,IAAA,YAAA,EAAa;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,YAAA,EAAW,kBAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,oBAAA,EAAsB,SAAS,CAAA;AAAA,MAEnD,QAAA,EAAA;AAAA,QAAA,YAAA,KAAiB,OAAA,oBAChB,GAAA;AAAA,UAACC,QAAA;AAAA,UAAA;AAAA,YACC,mBAAA,EAAiB,IAAA;AAAA,YACjB,IAAA,EAAK,eAAA;AAAA,YACL,WAAA,EAAW,KAAK,QAAA,EAAS;AAAA,YACzB,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,QAED,QAAA,oBACC,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,QAED,iBAAiB,KAAA,oBAChB,GAAA;AAAA,UAACA,QAAA;AAAA,UAAA;AAAA,YACC,mBAAA,EAAiB,IAAA;AAAA,YACjB,IAAA,EAAK,eAAA;AAAA,YACL,WAAA,EAAW,KAAK,QAAA,EAAS;AAAA,YACzB,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA;AAEtB,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,oBAAA,EAAsB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,YAAA,EAAc;AAAA,MACZ,KAAA,EAAO,OAAO,0CAA0C,CAAA;AAAA,MACxD,GAAA,EAAK,OAAO,wCAAwC;AAAA;AACtD;AAEJ,CAAC,CAAA;AAED,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+E;AAC7E,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,UAAU,CAAA;AACtC,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA;AAAA,EACF;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,YAAA,EAAc,GAAG,SAAS;AAAA;AAAA,GAC5D;AAEJ,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import {\n createContext,\n useState,\n HTMLAttributes,\n useContext,\n useEffect,\n forwardRef,\n} from 'react';\n\nimport { cn, cva } from '@/lib/cva';\nimport { Icon, type ImageName } from '@/components/Icon';\nimport type { HorizontalDirection } from '@/types';\nimport { EmptyButton } from '@/components/EmptyButton';\n\nimport { IconWrapper } from './IconWrapper';\nimport { CollapsibleProps } from './Collapsible.types';\nimport styles from './Collapsible.module.css';\n\ntype ContextProps = {\n open: boolean;\n onOpenChange: () => void;\n};\n\nconst NavContext = createContext<ContextProps>({\n open: false,\n onOpenChange: () => null,\n});\n\nexport const Collapsible = ({\n open: openProp,\n onOpenChange: onOpenChangeProp,\n children,\n className,\n ...props\n}: CollapsibleProps) => {\n const [open, setOpen] = useState(openProp ?? false);\n const onOpenChange = () => {\n setOpen(open => {\n if (typeof onOpenChangeProp === 'function') {\n onOpenChangeProp(!open);\n }\n return !open;\n });\n };\n\n useEffect(() => {\n setOpen(open => openProp ?? open);\n }, [openProp]);\n\n const value = {\n open: openProp ?? open,\n onOpenChange,\n };\n return (\n <div\n {...props}\n className={cn(styles.collapsible, className)}\n >\n <NavContext.Provider value={value}>{children}</NavContext.Provider>\n </div>\n );\n};\n\nconst headerVariants = cva(styles.collapsible__header, {\n variants: {\n indicatorDir: {\n start: styles['collapsible__header_indicator-dir_start'],\n end: styles['collapsible__header_indicator-dir_end'],\n },\n },\n defaultVariants: {\n indicatorDir: 'start',\n },\n});\n\ninterface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n indicatorDir?: HorizontalDirection;\n wrapInTrigger?: boolean;\n}\n\nconst CollapsipleHeader = forwardRef<HTMLDivElement, CollapsipleHeaderProps>(\n (\n {\n indicatorDir = 'start',\n icon,\n iconDir,\n children,\n wrapInTrigger,\n onClick: onClickProp,\n className,\n ...props\n }: CollapsipleHeaderProps,\n ref\n ) => {\n const { onOpenChange } = useContext(NavContext);\n return (\n <div\n ref={ref}\n onClick={e => {\n if (wrapInTrigger && typeof onOpenChange === 'function') {\n onOpenChange();\n }\n if (typeof onClickProp === 'function') {\n onClickProp(e);\n }\n }}\n data-collapsible-header\n {...props}\n className={cn(headerVariants({ indicatorDir }), className)}\n >\n {indicatorDir === 'start' && <Collapsible.Trigger />}\n {children && (\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n )}\n {indicatorDir === 'end' && <Collapsible.Trigger />}\n </div>\n );\n }\n);\n\nCollapsipleHeader.displayName = 'CollapsibleHeader';\nCollapsible.Header = CollapsipleHeader;\n\ninterface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n indicatorDir?: HorizontalDirection;\n}\n\nconst CollapsipleTrigger = ({\n onClick: onClickProp,\n children,\n indicatorDir = 'start',\n icon,\n iconDir = 'start',\n className,\n ...props\n}: CollapsipleTriggerProps) => {\n const { open, onOpenChange } = useContext(NavContext);\n const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (onClickProp) {\n onClickProp(e);\n }\n onOpenChange();\n };\n\n return (\n <EmptyButton\n onClick={onClick}\n aria-label=\"trigger children\"\n {...props}\n className={cn(styles.collapsible__trigger, className)}\n >\n {indicatorDir === 'start' && (\n <Icon\n data-trigger-icon\n name=\"chevron-right\"\n data-open={open.toString()}\n size=\"sm\"\n />\n )}\n {children && (\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n )}\n {indicatorDir === 'end' && (\n <Icon\n data-trigger-icon\n name=\"chevron-right\"\n data-open={open.toString()}\n size=\"sm\"\n />\n )}\n </EmptyButton>\n );\n};\n\nCollapsipleTrigger.displayName = 'CollapsibleTrigger';\nCollapsible.Trigger = CollapsipleTrigger;\n\nconst contentVariants = cva(styles.collapsible__content, {\n variants: {\n indicatorDir: {\n start: styles['collapsible__content_indicator-dir_start'],\n end: styles['collapsible__content_indicator-dir_end'],\n },\n },\n});\n\nconst CollapsipleContent = ({\n indicatorDir,\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement> & { indicatorDir?: HorizontalDirection }) => {\n const { open } = useContext(NavContext);\n if (!open) {\n return;\n }\n return (\n <div\n {...props}\n className={cn(contentVariants({ indicatorDir }), className)}\n />\n );\n};\n\nCollapsipleContent.displayName = 'CollapsibleContent';\nCollapsible.Content = CollapsipleContent;\n"],"names":["open","Icon"],"mappings":";;;;;;;;;AAuBA,MAAM,aAAa,aAAA,CAA4B;AAAA,EAC7C,IAAA,EAAM,KAAA;AAAA,EACN,cAAc,MAAM;AACtB,CAAC,CAAA;AAEM,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAA,EAAM,QAAA;AAAA,EACN,YAAA,EAAc,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAS,YAAY,KAAK,CAAA;AAClD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,OAAA,CAAQ,CAAAA,KAAAA,KAAQ;AACd,MAAA,IAAI,OAAO,qBAAqB,UAAA,EAAY;AAC1C,QAAA,gBAAA,CAAiB,CAACA,KAAI,CAAA;AAAA,MACxB;AACA,MAAA,OAAO,CAACA,KAAAA;AAAA,IACV,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,CAAAA,KAAAA,KAAQ,QAAA,IAAYA,KAAI,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,MAAM,QAAA,IAAY,IAAA;AAAA,IAClB;AAAA,GACF;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,WAAA,EAAa,SAAS,CAAA;AAAA,MAE3C,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,OAAe,QAAA,EAAS;AAAA;AAAA,GAC/C;AAEJ;AAEA,MAAM,cAAA,GAAiB,GAAA,CAAI,MAAA,CAAO,mBAAA,EAAqB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,YAAA,EAAc;AAAA,MACZ,KAAA,EAAO,OAAO,yCAAyC,CAAA;AAAA,MACvD,GAAA,EAAK,OAAO,uCAAuC;AAAA;AACrD,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,YAAA,EAAc;AAAA;AAElB,CAAC,CAAA;AASD,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CACE;AAAA,IACE,YAAA,GAAe,OAAA;AAAA,IACf,IAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA,EAAS,WAAA;AAAA,IACT,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,YAAA,EAAa,GAAI,UAAA,CAAW,UAAU,CAAA;AAC9C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAS,CAAA,CAAA,KAAK;AACZ,UAAA,IAAI,aAAA,IAAiB,OAAO,YAAA,KAAiB,UAAA,EAAY;AACvD,YAAA,YAAA,EAAa;AAAA,UACf;AACA,UAAA,IAAI,OAAO,gBAAgB,UAAA,EAAY;AACrC,YAAA,WAAA,CAAY,CAAC,CAAA;AAAA,UACf;AAAA,QACF,CAAA;AAAA,QACA,yBAAA,EAAuB,IAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QACJ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,YAAA,EAAc,GAAG,SAAS,CAAA;AAAA,QAExD,QAAA,EAAA;AAAA,UAAA,YAAA,KAAiB,OAAA,oBAAW,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAoB,CAAA;AAAA,UACjD,QAAA,oBACC,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,IAAA;AAAA,cACA,OAAA;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAED,YAAA,KAAiB,KAAA,oBAAS,GAAA,CAAC,WAAA,CAAY,SAAZ,EAAoB;AAAA;AAAA;AAAA,KAClD;AAAA,EAEJ;AACF,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAChC,WAAA,CAAY,MAAA,GAAS,iBAAA;AAQrB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,OAAA,EAAS,WAAA;AAAA,EACT,QAAA;AAAA,EACA,YAAA,GAAe,OAAA;AAAA,EACf,IAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+B;AAC7B,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAa,GAAI,WAAW,UAAU,CAAA;AACpD,EAAA,MAAM,OAAA,GAAU,CAAC,CAAA,KAA2C;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,CAAY,CAAC,CAAA;AAAA,IACf;AACA,IAAA,YAAA,EAAa;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,YAAA,EAAW,kBAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,oBAAA,EAAsB,SAAS,CAAA;AAAA,MAEnD,QAAA,EAAA;AAAA,QAAA,YAAA,KAAiB,OAAA,oBAChB,GAAA;AAAA,UAACC,QAAA;AAAA,UAAA;AAAA,YACC,mBAAA,EAAiB,IAAA;AAAA,YACjB,IAAA,EAAK,eAAA;AAAA,YACL,WAAA,EAAW,KAAK,QAAA,EAAS;AAAA,YACzB,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,QAED,QAAA,oBACC,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,QAED,iBAAiB,KAAA,oBAChB,GAAA;AAAA,UAACA,QAAA;AAAA,UAAA;AAAA,YACC,mBAAA,EAAiB,IAAA;AAAA,YACjB,IAAA,EAAK,eAAA;AAAA,YACL,WAAA,EAAW,KAAK,QAAA,EAAS;AAAA,YACzB,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA;AAEtB,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,oBAAA,EAAsB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,YAAA,EAAc;AAAA,MACZ,KAAA,EAAO,OAAO,0CAA0C,CAAA;AAAA,MACxD,GAAA,EAAK,OAAO,wCAAwC;AAAA;AACtD;AAEJ,CAAC,CAAA;AAED,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+E;AAC7E,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,UAAU,CAAA;AACtC,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA;AAAA,EACF;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,YAAA,EAAc,GAAG,SAAS;AAAA;AAAA,GAC5D;AAEJ,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA;;"}

package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfirmationDialog.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;~~"}
1	+ {"version":3,"file":"ConfirmationDialog.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/components/ConfirmationDialog/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import { Container } from '@/components/Container';\nimport { Dialog } from '@/components/Dialog';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport { ReactElement } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './ConfirmationDialog.module.css';\nimport { ConfirmationDialogProps } from './ConfirmationDialog.types';\n\nexport const ConfirmationDialog = ({\n children,\n className,\n disabled,\n loading,\n message,\n onCancel,\n onConfirm,\n open,\n primaryActionLabel = 'Confirm',\n primaryActionType = 'primary',\n secondaryActionLabel = 'Cancel',\n showClose,\n title,\n ...props\n}: ConfirmationDialogProps): ReactElement => {\n if (children && message) {\n throw new Error(\"You can't pass children and message props at the same time\");\n }\n\n return (\n <Dialog\n open={open}\n onOpenChange={(open: boolean) => {\n if (!open && onCancel) {\n onCancel();\n }\n }}\n >\n <Dialog.Content\n title={title}\n showClose={showClose}\n {...props}\n className={cn(styles.content, className)}\n >\n <Container\n overflow=\"auto\"\n grow=\"1\"\n orientation=\"vertical\"\n >\n {children ? children : <Text>{message}</Text>}\n </Container>\n <Separator size=\"xl\" />\n <div className={styles.actions}>\n <Dialog.Close\n label={secondaryActionLabel}\n data-testid=\"cancel-action-button\"\n />\n <Dialog.Close\n loading={!!loading}\n disabled={!!disabled \|\| !!loading}\n type={primaryActionType}\n label={primaryActionLabel}\n autoFocus={open}\n onClick={() => {\n if (onConfirm) {\n onConfirm();\n }\n }}\n data-testid=\"confirm-action-button\"\n />\n </div>\n </Dialog.Content>\n </Dialog>\n );\n};\n"],"names":["open"],"mappings":";;;;;;;;AASO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,kBAAA,GAAqB,SAAA;AAAA,EACrB,iBAAA,GAAoB,SAAA;AAAA,EACpB,oBAAA,GAAuB,QAAA;AAAA,EACvB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6C;AAC3C,EAAA,IAAI,YAAY,OAAA,EAAS;AACvB,IAAA,MAAM,IAAI,MAAM,4DAA4D,CAAA;AAAA,EAC9E;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,CAACA,KAAAA,KAAkB;AAC/B,QAAA,IAAI,CAACA,SAAQ,QAAA,EAAU;AACrB,UAAA,QAAA,EAAS;AAAA,QACX;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,MAAA,CAAO,OAAA;AAAA,QAAP;AAAA,UACC,KAAA;AAAA,UACA,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAAA,UAEvC,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,QAAA,EAAS,MAAA;AAAA,gBACT,IAAA,EAAK,GAAA;AAAA,gBACL,WAAA,EAAY,UAAA;AAAA,gBAEX,QAAA,EAAA,QAAA,GAAW,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,aACxC;AAAA,4BACA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,IAAA,EAAK,CAAA;AAAA,4BACrB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA,CAAO,KAAA;AAAA,gBAAP;AAAA,kBACC,KAAA,EAAO,oBAAA;AAAA,kBACP,aAAA,EAAY;AAAA;AAAA,eACd;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA,CAAO,KAAA;AAAA,gBAAP;AAAA,kBACC,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,kBACX,QAAA,EAAU,CAAC,CAAC,QAAA,IAAY,CAAC,CAAC,OAAA;AAAA,kBAC1B,IAAA,EAAM,iBAAA;AAAA,kBACN,KAAA,EAAO,kBAAA;AAAA,~~kBACP~~,SAAA,EAAW,IAAA;AAAA,kBACX,SAAS,MAAM;AACb,oBAAA,IAAI,SAAA,EAAW;AACb,sBAAA,SAAA,EAAU;AAAA,oBACZ;AAAA,kBACF,CAAA;AAAA,kBACA,aAAA,EAAY;AAAA;AAAA;AACd,aAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import { Container } from '@/components/Container';\nimport { Dialog } from '@/components/Dialog';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport { ReactElement } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './ConfirmationDialog.module.css';\nimport { ConfirmationDialogProps } from './ConfirmationDialog.types';\n\nexport const ConfirmationDialog = ({\n children,\n className,\n disabled,\n loading,\n message,\n onCancel,\n onConfirm,\n open,\n primaryActionLabel = 'Confirm',\n primaryActionType = 'primary',\n secondaryActionLabel = 'Cancel',\n showClose,\n title,\n ...props\n}: ConfirmationDialogProps): ReactElement => {\n if (children && message) {\n throw new Error(\"You can't pass children and message props at the same time\");\n }\n\n return (\n <Dialog\n open={open}\n onOpenChange={(open: boolean) => {\n if (!open && onCancel) {\n onCancel();\n }\n }}\n >\n <Dialog.Content\n title={title}\n showClose={showClose}\n {...props}\n className={cn(styles.content, className)}\n >\n <Container\n overflow=\"auto\"\n grow=\"1\"\n orientation=\"vertical\"\n >\n {children ? children : <Text>{message}</Text>}\n </Container>\n <Separator size=\"xl\" />\n <div className={styles.actions}>\n <Dialog.Close\n label={secondaryActionLabel}\n data-testid=\"cancel-action-button\"\n />\n <Dialog.Close\n loading={!!loading}\n disabled={!!disabled \|\| !!loading}\n type={primaryActionType}\n label={primaryActionLabel}\n // eslint-disable-next-line jsx-a11y/no-autofocus -- a dialog must move focus inside on open (APG dialog pattern); this picks the primary action\n autoFocus={open}\n onClick={() => {\n if (onConfirm) {\n onConfirm();\n }\n }}\n data-testid=\"confirm-action-button\"\n />\n </div>\n </Dialog.Content>\n </Dialog>\n );\n};\n"],"names":["open"],"mappings":";;;;;;;;AASO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,kBAAA,GAAqB,SAAA;AAAA,EACrB,iBAAA,GAAoB,SAAA;AAAA,EACpB,oBAAA,GAAuB,QAAA;AAAA,EACvB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6C;AAC3C,EAAA,IAAI,YAAY,OAAA,EAAS;AACvB,IAAA,MAAM,IAAI,MAAM,4DAA4D,CAAA;AAAA,EAC9E;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,CAACA,KAAAA,KAAkB;AAC/B,QAAA,IAAI,CAACA,SAAQ,QAAA,EAAU;AACrB,UAAA,QAAA,EAAS;AAAA,QACX;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,MAAA,CAAO,OAAA;AAAA,QAAP;AAAA,UACC,KAAA;AAAA,UACA,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAAA,UAEvC,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,QAAA,EAAS,MAAA;AAAA,gBACT,IAAA,EAAK,GAAA;AAAA,gBACL,WAAA,EAAY,UAAA;AAAA,gBAEX,QAAA,EAAA,QAAA,GAAW,QAAA,mBAAW,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,aACxC;AAAA,4BACA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,IAAA,EAAK,CAAA;AAAA,4BACrB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA,CAAO,KAAA;AAAA,gBAAP;AAAA,kBACC,KAAA,EAAO,oBAAA;AAAA,kBACP,aAAA,EAAY;AAAA;AAAA,eACd;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA,CAAO,KAAA;AAAA,gBAAP;AAAA,kBACC,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,kBACX,QAAA,EAAU,CAAC,CAAC,QAAA,IAAY,CAAC,CAAC,OAAA;AAAA,kBAC1B,IAAA,EAAM,iBAAA;AAAA,kBACN,KAAA,EAAO,kBAAA;AAAA,kBAEP,SAAA,EAAW,IAAA;AAAA,kBACX,SAAS,MAAM;AACb,oBAAA,IAAI,SAAA,EAAW;AACb,sBAAA,SAAA,EAAU;AAAA,oBACZ;AAAA,kBACF,CAAA;AAAA,kBACA,aAAA,EAAY;AAAA;AAAA;AACd,aAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;"}

package/dist/esm/components/Container/Container.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Container.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Container.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Container/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import {\n ComponentProps,\n ComponentPropsWithRef,\n CSSProperties,\n ElementType,\n ReactNode,\n forwardRef,\n useMemo,\n} from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { ContainerProps } from './Container.types';\nimport styles from './Container.module.css';\n\nconst containerVariants = cva(styles.container, {\n variants: {\n gap: {\n none: styles.container_gap_none,\n xxs: styles.container_gap_xxs,\n xs: styles.container_gap_xs,\n sm: styles.container_gap_sm,\n md: styles.container_gap_md,\n lg: styles.container_gap_lg,\n xl: styles.container_gap_xl,\n xxl: styles.container_gap_xxl,\n },\n padding: {\n none: styles.container_padding_none,\n xxs: styles.container_padding_xxs,\n xs: styles.container_padding_xs,\n sm: styles.container_padding_sm,\n md: styles.container_padding_md,\n lg: styles.container_padding_lg,\n xl: styles.container_padding_xl,\n xxl: styles.container_padding_xxl,\n },\n orientation: {\n horizontal: styles.container_orientation_horizontal,\n vertical: styles.container_orientation_vertical,\n },\n wrap: {\n nowrap: styles.container_wrap_nowrap,\n wrap: styles.container_wrap_wrap,\n 'wrap-reverse': styles['container_wrap_wrap-reverse'],\n },\n alignItems: {\n start: styles['container_align-items_start'],\n center: styles['container_align-items_center'],\n end: styles['container_align-items_end'],\n stretch: styles['container_align-items_stretch'],\n },\n justifyContent: {\n center: styles['container_justify-content_center'],\n 'space-between': styles['container_justify-content_space-between'],\n 'space-around': styles['container_justify-content_space-around'],\n 'space-evenly': styles['container_justify-content_space-evenly'],\n start: styles['container_justify-content_start'],\n end: styles['container_justify-content_end'],\n left: styles['container_justify-content_left'],\n right: styles['container_justify-content_right'],\n },\n },\n});\n\ntype ContainerPolymorphicComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentProps<T>, keyof ContainerProps<T>> & ContainerProps<T>\n) => ReactNode;\n\nconst _Container = <T extends ElementType = 'div'>(\n {\n component,\n alignItems,\n children,\n fillWidth = true,\n gap = 'none',\n grow,\n shrink,\n isResponsive = true,\n justifyContent = 'start',\n maxWidth,\n minWidth,\n orientation = 'horizontal',\n padding = 'none',\n wrap = 'nowrap',\n fillHeight,\n maxHeight,\n minHeight,\n overflow,\n display = 'flex',\n className,\n style,\n ...props\n }: Omit<ComponentProps<T>, keyof ContainerProps<T>> & ContainerProps<T>,\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = component ?? 'div';\n const resolvedAlignItems =\n alignItems ?? (orientation === 'vertical' ? 'start' : 'center');\n\n // `_Container` is a real component (wrapped by `forwardRef` below); the\n // rules-of-hooks PascalCase-name heuristic false-positives on our\n // `_`-prefixed polymorphic-component naming convention.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const mergedStyle = useMemo(\n () =>\n ({\n '--container-display': display,\n '--container-width': fillWidth === true ? '100%' : 'auto',\n '--container-min-width': minWidth ?? 'auto',\n '--container-max-width': maxWidth ?? 'none',\n ...(grow && { '--container-grow': grow }),\n ...(shrink && { '--container-shrink': shrink }),\n ...(fillHeight && { '--container-height': '100%' }),\n ...(maxHeight && { '--container-max-height': maxHeight }),\n ...(minHeight && { '--container-min-height': minHeight }),\n ...(overflow && { '--container-overflow': overflow }),\n ...style,\n }) as CSSProperties,\n [\n display,\n fillWidth,\n minWidth,\n maxWidth,\n grow,\n shrink,\n fillHeight,\n maxHeight,\n minHeight,\n overflow,\n style,\n ]\n );\n\n return (\n <Component\n ref={ref}\n data-testid=\"container\"\n {...props}\n style={mergedStyle}\n className={cn(\n containerVariants({\n gap,\n padding,\n orientation,\n wrap,\n alignItems: resolvedAlignItems,\n justifyContent,\n }),\n isResponsive\n ? styles.container_responsive\n : fillWidth\n ? styles['container_non-responsive_fill']\n : styles['container_non-responsive_hug'],\n className\n )}\n >\n {children}\n </Component>\n );\n};\n\nexport const Container: ContainerPolymorphicComponent = forwardRef(_Container);\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import {\n ComponentProps,\n ComponentPropsWithRef,\n CSSProperties,\n ElementType,\n ReactNode,\n forwardRef,\n useMemo,\n} from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { ContainerProps } from './Container.types';\nimport styles from './Container.module.css';\n\nconst containerVariants = cva(styles.container, {\n variants: {\n gap: {\n none: styles.container_gap_none,\n xxs: styles.container_gap_xxs,\n xs: styles.container_gap_xs,\n sm: styles.container_gap_sm,\n md: styles.container_gap_md,\n lg: styles.container_gap_lg,\n xl: styles.container_gap_xl,\n xxl: styles.container_gap_xxl,\n },\n padding: {\n none: styles.container_padding_none,\n xxs: styles.container_padding_xxs,\n xs: styles.container_padding_xs,\n sm: styles.container_padding_sm,\n md: styles.container_padding_md,\n lg: styles.container_padding_lg,\n xl: styles.container_padding_xl,\n xxl: styles.container_padding_xxl,\n },\n orientation: {\n horizontal: styles.container_orientation_horizontal,\n vertical: styles.container_orientation_vertical,\n },\n wrap: {\n nowrap: styles.container_wrap_nowrap,\n wrap: styles.container_wrap_wrap,\n 'wrap-reverse': styles['container_wrap_wrap-reverse'],\n },\n alignItems: {\n start: styles['container_align-items_start'],\n center: styles['container_align-items_center'],\n end: styles['container_align-items_end'],\n stretch: styles['container_align-items_stretch'],\n },\n justifyContent: {\n center: styles['container_justify-content_center'],\n 'space-between': styles['container_justify-content_space-between'],\n 'space-around': styles['container_justify-content_space-around'],\n 'space-evenly': styles['container_justify-content_space-evenly'],\n start: styles['container_justify-content_start'],\n end: styles['container_justify-content_end'],\n left: styles['container_justify-content_left'],\n right: styles['container_justify-content_right'],\n },\n },\n});\n\ntype ContainerPolymorphicComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentProps<T>, keyof ContainerProps<T>> & ContainerProps<T>\n) => ReactNode;\n\nconst _Container = <T extends ElementType = 'div'>(\n {\n component,\n alignItems,\n children,\n fillWidth = true,\n gap = 'none',\n grow,\n shrink,\n isResponsive = true,\n justifyContent = 'start',\n maxWidth,\n minWidth,\n orientation = 'horizontal',\n padding = 'none',\n wrap = 'nowrap',\n fillHeight,\n maxHeight,\n minHeight,\n overflow,\n display = 'flex',\n className,\n style,\n ...props\n }: Omit<ComponentProps<T>, keyof ContainerProps<T>> & ContainerProps<T>,\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = component ?? 'div';\n const resolvedAlignItems =\n alignItems ?? (orientation === 'vertical' ? 'start' : 'center');\n\n // `_Container` is a real component (wrapped by `forwardRef` below); the\n // rules-of-hooks PascalCase-name heuristic false-positives on our\n // `_`-prefixed polymorphic-component naming convention.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const mergedStyle = useMemo(\n () =>\n ({\n '--container-display': display,\n '--container-width': fillWidth === true ? '100%' : 'auto',\n '--container-min-width': minWidth ?? 'auto',\n '--container-max-width': maxWidth ?? 'none',\n ...(grow && { '--container-grow': grow }),\n ...(shrink && { '--container-shrink': shrink }),\n ...(fillHeight && { '--container-height': '100%' }),\n ...(maxHeight && { '--container-max-height': maxHeight }),\n ...(minHeight && { '--container-min-height': minHeight }),\n ...(overflow && { '--container-overflow': overflow }),\n ...style,\n }) as CSSProperties,\n [\n display,\n fillWidth,\n minWidth,\n maxWidth,\n grow,\n shrink,\n fillHeight,\n maxHeight,\n minHeight,\n overflow,\n style,\n ]\n );\n\n return (\n <Component\n ref={ref}\n data-testid=\"container\"\n {...props}\n style={mergedStyle}\n className={cn(\n containerVariants({\n gap,\n padding,\n orientation,\n wrap,\n alignItems: resolvedAlignItems,\n justifyContent,\n }),\n isResponsive\n ? styles.container_responsive\n : fillWidth\n ? styles['container_non-responsive_fill']\n : styles['container_non-responsive_hug'],\n className\n )}\n >\n {children}\n </Component>\n );\n};\n\nexport const Container: ContainerPolymorphicComponent = forwardRef(_Container);\n"],"names":[],"mappings":"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"}

package/dist/esm/components/ContextMenu/ContextMenu.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ContextMenu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/components/ContextMenu/index.js CHANGED Viewed

@@ -170,5 +170,5 @@ const ContextMenuItem = ({
 ContextMenuItem.displayName = "ContextMenuItem";
 ContextMenu.Item = ContextMenuItem;
-export { ContextMenu, ContextMenu as default };
+export { ContextMenu };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ContextMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport {\n ComponentProps,\n ComponentPropsWithRef,\n ElementType,\n ReactNode,\n forwardRef,\n} from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport { cn, cva } from '@/lib/cva';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport styles from './ContextMenu.module.css';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n <RightMenu.Root {...props} />\n);\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n ({ disabled, className, ...props }, ref) => {\n return (\n <RightMenu.Trigger\n asChild\n disabled={disabled}\n >\n <div\n ref={ref}\n {...props}\n className={cn(styles.trigger, className)}\n />\n </RightMenu.Trigger>\n );\n }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n icon?: IconName;\n iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n icon,\n iconDir,\n children,\n ...props\n}: ContextMenuSubTriggerProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.SubTrigger}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n <div className=\"dropdown-arrow\">\n <Icon name=\"chevron-right\" />\n </div>\n </GenericMenuItem>\n );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 /\n side?: string;\n /* @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n sub?: true;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n sub?: never;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\nconst rightMenuContentVariants = cva(styles['right-menu-content'], {\n variants: {\n showArrow: {\n true: styles['right-menu-content_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype RightMenuContentComponent = <T extends ElementType = 'div'>(\n props: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean }\n) => ReactNode;\n\nconst _RightMenuContent = <T extends ElementType = 'div'>(\n {\n showArrow,\n className,\n ...props\n }: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean },\n ref: ComponentPropsWithRef<T>['ref']\n) => (\n <GenericMenuPanel\n ref={ref}\n showArrow={showArrow}\n {...(props as ComponentProps<typeof GenericMenuPanel>)}\n className={cn(rightMenuContentVariants({ showArrow }), className)}\n />\n);\n\nconst RightMenuContent: RightMenuContentComponent = forwardRef(_RightMenuContent);\n\nconst ContextMenuContent = ({\n sub,\n children,\n container,\n showArrow,\n // TODO: remove deprecated side and align\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n side,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n align,\n ...props\n}: ContextMenuContentProps \| ContextMenuSubContentProps) => {\n const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n const inputModalityProps = useInputModality();\n const portalContainer = useResolvedPortalContainer(container);\n\n return (\n <RightMenu.Portal container={portalContainer}>\n <RightMenuContent\n {...props}\n type=\"context-menu\"\n showArrow={showArrow}\n as={ContentElement}\n {...inputModalityProps}\n >\n {showArrow && (\n <Arrow\n asChild\n as={RightMenu.Arrow}\n width={20}\n height={10}\n >\n <Popover_Arrow className=\"popover-arrow\" />\n </Arrow>\n )}\n {children}\n </RightMenuContent>\n </RightMenu.Portal>\n );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst ContextMenuGroup = ({ className, ...props }: RightMenu.ContextMenuGroupProps) => {\n return (\n <RightMenu.Group\n {...props}\n className={cn(styles.group, className)}\n />\n );\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n return <RightMenu.Sub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n icon,\n iconDir,\n type = 'default',\n children,\n ...props\n}: ContextMenuItemProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.Item}\n type={type}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n </GenericMenuItem>\n );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["Icon"],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport {\n ComponentProps,\n ComponentPropsWithRef,\n ElementType,\n ReactNode,\n forwardRef,\n} from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport { cn, cva } from '@/lib/cva';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport styles from './ContextMenu.module.css';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n <RightMenu.Root {...props} />\n);\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n ({ disabled, className, ...props }, ref) => {\n return (\n <RightMenu.Trigger\n asChild\n disabled={disabled}\n >\n <div\n ref={ref}\n {...props}\n className={cn(styles.trigger, className)}\n />\n </RightMenu.Trigger>\n );\n }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n icon?: IconName;\n iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n icon,\n iconDir,\n children,\n ...props\n}: ContextMenuSubTriggerProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.SubTrigger}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n <div className=\"dropdown-arrow\">\n <Icon name=\"chevron-right\" />\n </div>\n </GenericMenuItem>\n );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 /\n side?: string;\n /* @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n sub?: true;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n sub?: never;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\nconst rightMenuContentVariants = cva(styles['right-menu-content'], {\n variants: {\n showArrow: {\n true: styles['right-menu-content_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype RightMenuContentComponent = <T extends ElementType = 'div'>(\n props: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean }\n) => ReactNode;\n\nconst _RightMenuContent = <T extends ElementType = 'div'>(\n {\n showArrow,\n className,\n ...props\n }: ComponentProps<typeof GenericMenuPanel<T>> & { showArrow?: boolean },\n ref: ComponentPropsWithRef<T>['ref']\n) => (\n <GenericMenuPanel\n ref={ref}\n showArrow={showArrow}\n {...(props as ComponentProps<typeof GenericMenuPanel>)}\n className={cn(rightMenuContentVariants({ showArrow }), className)}\n />\n);\n\nconst RightMenuContent: RightMenuContentComponent = forwardRef(_RightMenuContent);\n\nconst ContextMenuContent = ({\n sub,\n children,\n container,\n showArrow,\n // TODO: remove deprecated side and align\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n side,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n align,\n ...props\n}: ContextMenuContentProps \| ContextMenuSubContentProps) => {\n const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n const inputModalityProps = useInputModality();\n const portalContainer = useResolvedPortalContainer(container);\n\n return (\n <RightMenu.Portal container={portalContainer}>\n <RightMenuContent\n {...props}\n type=\"context-menu\"\n showArrow={showArrow}\n as={ContentElement}\n {...inputModalityProps}\n >\n {showArrow && (\n <Arrow\n asChild\n as={RightMenu.Arrow}\n width={20}\n height={10}\n >\n <Popover_Arrow className=\"popover-arrow\" />\n </Arrow>\n )}\n {children}\n </RightMenuContent>\n </RightMenu.Portal>\n );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst ContextMenuGroup = ({ className, ...props }: RightMenu.ContextMenuGroupProps) => {\n return (\n <RightMenu.Group\n {...props}\n className={cn(styles.group, className)}\n />\n );\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n return <RightMenu.Sub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n icon,\n iconDir,\n type = 'default',\n children,\n ...props\n}: ContextMenuItemProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.Item}\n type={type}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n </GenericMenuItem>\n );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["Icon"],"mappings":";;;;;;;;;;;;;AAoBO,MAAM,WAAA,GAAc,CAAC,KAAA,qBAC1B,GAAA,CAAC,UAAU,IAAA,EAAV,EAAgB,GAAG,KAAA,EAAO;AAG7B,MAAM,kBAAA,GAAqB,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA,CAAU,OAAA;AAAA,MAAV;AAAA,QACC,OAAA,EAAO,IAAA;AAAA,QACP,QAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACC,GAAG,KAAA;AAAA,YACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,OAAA,EAAS,SAAS;AAAA;AAAA;AACzC;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA;AAMtB,MAAM,wBAAwB,CAAC;AAAA,EAC7B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkC;AAChC,EAAA,uBACE,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAI,SAAA,CAAU,UAAA;AAAA,MACb,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,wBACA,GAAA,CAAC,SAAI,SAAA,EAAU,gBAAA,EACb,8BAACA,QAAA,EAAA,EAAK,IAAA,EAAK,iBAAgB,CAAA,EAC7B;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AACpC,WAAA,CAAY,UAAA,GAAa,qBAAA;AAqBzB,MAAM,wBAAA,GAA2B,GAAA,CAAI,MAAA,CAAO,oBAAoB,CAAA,EAAG;AAAA,EACjE,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,OAAO,+BAA+B,CAAA;AAAA,MAC5C,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAMD,MAAM,oBAAoB,CACxB;AAAA,EACE,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,qBAEA,GAAA;AAAA,EAAC,gBAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA;AAAA,IACC,GAAI,KAAA;AAAA,IACL,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,SAAA,EAAW,GAAG,SAAS;AAAA;AAClE,CAAA;AAGF,MAAM,gBAAA,GAA8C,WAAW,iBAAiB,CAAA;AAEhF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,GAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA;AAAA;AAAA,EAGA,IAAA;AAAA;AAAA,EAEA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA4D;AAC1D,EAAA,MAAM,cAAA,GAAiB,GAAA,GAAM,SAAA,CAAU,UAAA,GAAa,SAAA,CAAU,OAAA;AAC9D,EAAA,MAAM,qBAAqB,gBAAA,EAAiB;AAC5C,EAAA,MAAM,eAAA,GAAkB,2BAA2B,SAAS,CAAA;AAE5D,EAAA,uBACE,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,WAAW,eAAA,EAC3B,QAAA,kBAAA,IAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,cAAA;AAAA,MACL,SAAA;AAAA,MACA,EAAA,EAAI,cAAA;AAAA,MACH,GAAG,kBAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,SAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAO,IAAA;AAAA,YACP,IAAI,SAAA,CAAU,KAAA;AAAA,YACd,KAAA,EAAO,EAAA;AAAA,YACP,MAAA,EAAQ,EAAA;AAAA,YAER,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,eAAA,EAAgB;AAAA;AAAA,SAC3C;AAAA,QAED;AAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AACjC,WAAA,CAAY,OAAA,GAAU,kBAAA;AAEtB,MAAM,mBAAmB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAuC;AACrF,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA,CAAU,KAAA;AAAA,IAAV;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,KAAA,EAAO,SAAS;AAAA;AAAA,GACvC;AAEJ,CAAA;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAC/B,WAAA,CAAY,KAAA,GAAQ,gBAAA;AAEpB,MAAM,cAAA,GAAiB,CAAC,EAAE,GAAG,OAAM,KAAuC;AACxE,EAAA,uBAAO,GAAA,CAAC,SAAA,CAAU,GAAA,EAAV,EAAe,GAAG,KAAA,EAAO,CAAA;AACnC,CAAA;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAC7B,WAAA,CAAY,GAAA,GAAM,cAAA;AAElB,MAAM,kBAAkB,CAAC;AAAA,EACvB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA4B;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAI,SAAA,CAAU,IAAA;AAAA,MACd,IAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,OAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAA;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAC9B,WAAA,CAAY,IAAA,GAAO,eAAA;;"}

package/dist/esm/components/CrossButton/CrossButton.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CrossButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;~~"}
1	+ {"version":3,"file":"CrossButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/CrossButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/CrossButton/CrossButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '@/lib/cva';\nimport { EmptyButton } from '@/components/EmptyButton';\nimport styles from './CrossButton.module.css';\n\nexport const CrossButton = forwardRef<\n HTMLButtonElement,\n ButtonHTMLAttributes<HTMLButtonElement>\n>(({ type = 'button', className, ...props }, ref) => (\n <EmptyButton\n ref={ref}\n type={type}\n {...props}\n className={cn(styles['cross-button'], className)}\n />\n));\n\nCrossButton.displayName = 'CrossButton';\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,WAAA,GAAc,UAAA,CAGzB,CAAC,EAAE,IAAA,GAAO,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,GAAA;AAAA,EAAC,WAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,SAAS;AAAA;AACjD,CACD;AAED,WAAA,CAAY,WAAA,GAAc,aAAA~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/CrossButton/CrossButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '@/lib/cva';\nimport { EmptyButton } from '@/components/EmptyButton';\nimport styles from './CrossButton.module.css';\n\nexport const CrossButton = forwardRef<\n HTMLButtonElement,\n ButtonHTMLAttributes<HTMLButtonElement>\n>(({ type = 'button', className, ...props }, ref) => (\n <EmptyButton\n ref={ref}\n type={type}\n {...props}\n className={cn(styles['cross-button'], className)}\n />\n));\n\nCrossButton.displayName = 'CrossButton';\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,WAAA,GAAc,UAAA,CAGzB,CAAC,EAAE,IAAA,GAAO,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,GAAA;AAAA,EAAC,WAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,SAAS;AAAA;AACjD,CACD;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;;"}

package/dist/esm/components/DateDetails/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/DateDetails/DateDetails.tsx"],"sourcesContent":["import { Popover } from '@/components/Popover';\nimport { Text } from '@/components/Text';\nimport { Link } from '@/components/Link';\nimport { GridContainer } from '@/components/GridContainer';\nimport { Container } from '@/components/Container';\n\nimport { dayjs, Dayjs, formatTimezone } from '@/utils/date';\n\nconst formatDateDetails = (date: Dayjs, timezone?: string): string => {\n const isCurrentYear = dayjs().year() === date.year();\n const formatForCurrentYear = 'MMM D, h:mm a';\n const formatForPastYear = 'MMM D, YYYY, h:mm a';\n\n if (isCurrentYear) {\n if (timezone) {\n const dateWithTimezone = date.tz(timezone);\n return dateWithTimezone\n .format(formatForCurrentYear)\n .replace('am', 'a.m.')\n .replace('pm', 'p.m.');\n }\n\n return date.format(formatForCurrentYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n }\n\n if (timezone) {\n const dateWithTimezone = date.tz(timezone);\n return dateWithTimezone\n .format(formatForPastYear)\n .replace('am', 'a.m.')\n .replace('pm', 'p.m.');\n }\n return date.format(formatForPastYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n};\n\nimport { DateDetailsProps } from './DateDetails.types';\n\nconst fallbackSystemTimeZone = 'America/New_York';\n\nexport const DateDetails = ({\n date,\n side = 'top',\n size = 'sm',\n systemTimeZone,\n weight = 'normal',\n}: DateDetailsProps) => {\n const dayjsDate = dayjs(date);\n\n let systemTime;\n let resolvedSystemTimeZone = systemTimeZone;\n if (resolvedSystemTimeZone) {\n try {\n systemTime = dayjsDate.tz(resolvedSystemTimeZone);\n } catch {\n resolvedSystemTimeZone = fallbackSystemTimeZone;\n systemTime = dayjsDate.tz(resolvedSystemTimeZone);\n }\n }\n\n return (\n <Popover>\n <Popover.Trigger>\n <Link\n component=\"span\"\n size=\"sm\"\n weight=\"medium\"\n >\n <Text\n component=\"span\"\n size={size}\n weight={weight}\n >\n {dayjs.utc(date).fromNow()}\n </Text>\n </Link>\n </Popover.Trigger>\n <Popover.Content\n side={side}\n showArrow\n >\n <GridContainer\n columnGap=\"xl\"\n gridTemplateColumns=\"repeat(2, auto)\"\n gap=\"sm\"\n >\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n Local\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">\n {formatDateDetails(dayjsDate)} (\n {formatTimezone({\n date: dayjsDate,\n timezone: dayjs.tz.guess(),\n })}\n )\n </Text>\n </Container>\n\n {systemTime && (\n <>\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n System\n </Text>\n\n <Container justifyContent=\"end\">\n <Text size=\"sm\">\n {formatDateDetails(systemTime, resolvedSystemTimeZone)} (\n {formatTimezone({\n date: systemTime,\n timezone: resolvedSystemTimeZone,\n })}\n )\n </Text>\n </Container>\n </>\n )}\n\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n UTC\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">{formatDateDetails(dayjsDate.utc(), 'UTC')}</Text>\n </Container>\n\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n Unix\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">{Math.round(dayjsDate.valueOf() / 1000)}</Text>\n </Container>\n </GridContainer>\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/DateDetails/DateDetails.tsx"],"sourcesContent":["import { Popover } from '@/components/Popover';\nimport { Text } from '@/components/Text';\nimport { Link } from '@/components/Link';\nimport { GridContainer } from '@/components/GridContainer';\nimport { Container } from '@/components/Container';\n\nimport { dayjs, Dayjs, formatTimezone } from '@/utils/date';\n\nconst formatDateDetails = (date: Dayjs, timezone?: string): string => {\n const isCurrentYear = dayjs().year() === date.year();\n const formatForCurrentYear = 'MMM D, h:mm a';\n const formatForPastYear = 'MMM D, YYYY, h:mm a';\n\n if (isCurrentYear) {\n if (timezone) {\n const dateWithTimezone = date.tz(timezone);\n return dateWithTimezone\n .format(formatForCurrentYear)\n .replace('am', 'a.m.')\n .replace('pm', 'p.m.');\n }\n\n return date.format(formatForCurrentYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n }\n\n if (timezone) {\n const dateWithTimezone = date.tz(timezone);\n return dateWithTimezone\n .format(formatForPastYear)\n .replace('am', 'a.m.')\n .replace('pm', 'p.m.');\n }\n return date.format(formatForPastYear).replace('am', 'a.m.').replace('pm', 'p.m.');\n};\n\nimport { DateDetailsProps } from './DateDetails.types';\n\nconst fallbackSystemTimeZone = 'America/New_York';\n\nexport const DateDetails = ({\n date,\n side = 'top',\n size = 'sm',\n systemTimeZone,\n weight = 'normal',\n}: DateDetailsProps) => {\n const dayjsDate = dayjs(date);\n\n let systemTime;\n let resolvedSystemTimeZone = systemTimeZone;\n if (resolvedSystemTimeZone) {\n try {\n systemTime = dayjsDate.tz(resolvedSystemTimeZone);\n } catch {\n resolvedSystemTimeZone = fallbackSystemTimeZone;\n systemTime = dayjsDate.tz(resolvedSystemTimeZone);\n }\n }\n\n return (\n <Popover>\n <Popover.Trigger>\n <Link\n component=\"span\"\n size=\"sm\"\n weight=\"medium\"\n >\n <Text\n component=\"span\"\n size={size}\n weight={weight}\n >\n {dayjs.utc(date).fromNow()}\n </Text>\n </Link>\n </Popover.Trigger>\n <Popover.Content\n side={side}\n showArrow\n >\n <GridContainer\n columnGap=\"xl\"\n gridTemplateColumns=\"repeat(2, auto)\"\n gap=\"sm\"\n >\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n Local\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">\n {formatDateDetails(dayjsDate)} (\n {formatTimezone({\n date: dayjsDate,\n timezone: dayjs.tz.guess(),\n })}\n )\n </Text>\n </Container>\n\n {systemTime && (\n <>\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n System\n </Text>\n\n <Container justifyContent=\"end\">\n <Text size=\"sm\">\n {formatDateDetails(systemTime, resolvedSystemTimeZone)} (\n {formatTimezone({\n date: systemTime,\n timezone: resolvedSystemTimeZone,\n })}\n )\n </Text>\n </Container>\n </>\n )}\n\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n UTC\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">{formatDateDetails(dayjsDate.utc(), 'UTC')}</Text>\n </Container>\n\n <Text\n color=\"muted\"\n size=\"sm\"\n >\n Unix\n </Text>\n <Container justifyContent=\"end\">\n <Text size=\"sm\">{Math.round(dayjsDate.valueOf() / 1000)}</Text>\n </Container>\n </GridContainer>\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":[],"mappings":"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"}