npm - @consta/uikit - Versions diffs - 5.30.0 → 5.32.0 - Mend

@consta/uikit 5.30.0 → 5.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (510) hide show

package/__internal__/src/components/CheckboxGroup/types.d.ts CHANGED Viewed

@@ -9,16 +9,16 @@ export type CheckboxGroupDefaultItem = {
     ref?: React.RefObject<HTMLLabelElement>;
 };
 export declare const checkboxGroupPropDirections: readonly ["column", "row"];
-export type CheckboxGroupPropDirection = typeof checkboxGroupPropDirections[number];
+export type CheckboxGroupPropDirection = (typeof checkboxGroupPropDirections)[number];
 export declare const checkboxGroupDefaultDirection: CheckboxGroupPropDirection;
 export declare const checkboxGroupPropSizes: readonly ["m", "xs", "s", "l"];
-export type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];
+export type CheckboxGroupPropSize = (typeof checkboxGroupPropSizes)[number];
 export declare const checkboxGroupDefaultSize: CheckboxGroupPropSize;
 export declare const checkboxGroupPropViews: readonly ["primary", "ghost"];
-export type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];
+export type CheckboxGroupPropView = (typeof checkboxGroupPropViews)[number];
 export declare const checkboxGroupDefaultView: CheckboxGroupPropView;
 export declare const checkboxGroupPropAlign: readonly ["center", "top"];
-export type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];
+export type CheckboxGroupPropAlign = (typeof checkboxGroupPropAlign)[number];
 export declare const checkboxGroupDefaultAlign: CheckboxGroupPropAlign;
 export type CheckboxGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
 export type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;

package/__internal__/src/components/CheckboxGroup/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["checkboxGroupPropDirections","checkboxGroupDefaultDirection","checkboxGroupPropSizes","checkboxGroupDefaultSize","checkboxGroupPropViews","checkboxGroupDefaultView","checkboxGroupPropAlign","checkboxGroupDefaultAlign"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n JSX.IntrinsicElements['label'],\n 'ref' \| 'onChange' \| 'onFocus' \| 'children' \| 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n key?: string \| number;\n label: string;\n disabled?: boolean;\n attributes?: CheckboxGroupPropAttributes;\n ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupPropDirections = ['column', 'row'] as const;\nexport type CheckboxGroupPropDirection =\n typeof checkboxGroupPropDirections[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupPropDirection =\n checkboxGroupPropDirections[0];\n\nexport const checkboxGroupPropSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = typeof checkboxGroupPropSizes[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n checkboxGroupPropSizes[0];\n\nexport const checkboxGroupPropViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = typeof checkboxGroupPropViews[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n checkboxGroupPropViews[0];\n\nexport const checkboxGroupPropAlign = ['center', 'top'] as const;\nexport type CheckboxGroupPropAlign = typeof checkboxGroupPropAlign[number];\nexport const checkboxGroupDefaultAlign: CheckboxGroupPropAlign =\n checkboxGroupPropAlign[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n item: ITEM,\n) => string \| number \| undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => CheckboxGroupPropAttributes \| undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLLabelElement> \| undefined;\n\nexport type CheckboxGroupPropOnChange<ITEM> = (\n value: ITEM[] \| null,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n value?: ITEM[] \| null;\n items: ITEM[];\n getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n onChange?: CheckboxGroupPropOnChange<ITEM>;\n name?: string;\n direction?: CheckboxGroupPropDirection;\n align?: CheckboxGroupPropAlign;\n size?: CheckboxGroupPropSize;\n view?: CheckboxGroupPropView;\n disabled?: boolean;\n className?: string;\n },\n HTMLDivElement\n > &\n (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n props: CheckboxGroupProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAiBA,MAAO,IAAMA,4BAA2B,CAAG,CAAC,QAAD,CAAW,KAAX,CAApC,CAGP,MAAO,IAAMC,8BAAyD,CACpED,2BAA2B,CAAC,CAAD,CADtB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA/B,CAEP,MAAO,IAAMC,0BAAiD,CAC5DD,sBAAsB,CAAC,CAAD,CADjB"}
1	+ {"version":3,"file":"types.js","names":["checkboxGroupPropDirections","checkboxGroupDefaultDirection","checkboxGroupPropSizes","checkboxGroupDefaultSize","checkboxGroupPropViews","checkboxGroupDefaultView","checkboxGroupPropAlign","checkboxGroupDefaultAlign"],"sources":["../../../../../src/components/CheckboxGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype CheckboxGroupPropAttributes = Omit<\n JSX.IntrinsicElements['label'],\n 'ref' \| 'onChange' \| 'onFocus' \| 'children' \| 'onBlur'\n>;\n\nexport type CheckboxGroupDefaultItem = {\n key?: string \| number;\n label: string;\n disabled?: boolean;\n attributes?: CheckboxGroupPropAttributes;\n ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const checkboxGroupPropDirections = ['column', 'row'] as const;\nexport type CheckboxGroupPropDirection =\n (typeof checkboxGroupPropDirections)[number];\nexport const checkboxGroupDefaultDirection: CheckboxGroupPropDirection =\n checkboxGroupPropDirections[0];\n\nexport const checkboxGroupPropSizes = ['m', 'xs', 's', 'l'] as const;\nexport type CheckboxGroupPropSize = (typeof checkboxGroupPropSizes)[number];\nexport const checkboxGroupDefaultSize: CheckboxGroupPropSize =\n checkboxGroupPropSizes[0];\n\nexport const checkboxGroupPropViews = ['primary', 'ghost'] as const;\nexport type CheckboxGroupPropView = (typeof checkboxGroupPropViews)[number];\nexport const checkboxGroupDefaultView: CheckboxGroupPropView =\n checkboxGroupPropViews[0];\n\nexport const checkboxGroupPropAlign = ['center', 'top'] as const;\nexport type CheckboxGroupPropAlign = (typeof checkboxGroupPropAlign)[number];\nexport const checkboxGroupDefaultAlign: CheckboxGroupPropAlign =\n checkboxGroupPropAlign[0];\n\nexport type CheckboxGroupPropGetItemKey<ITEM> = (\n item: ITEM,\n) => string \| number \| undefined;\nexport type CheckboxGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type CheckboxGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type CheckboxGroupPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => CheckboxGroupPropAttributes \| undefined;\nexport type CheckboxGroupPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLLabelElement> \| undefined;\n\nexport type CheckboxGroupPropOnChange<ITEM> = (\n value: ITEM[] \| null,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type CheckboxGroupProps<ITEM = CheckboxGroupDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n value?: ITEM[] \| null;\n items: ITEM[];\n getItemKey?: CheckboxGroupPropGetItemKey<ITEM>;\n getItemLabel?: CheckboxGroupPropGetItemLabel<ITEM>;\n getItemDisabled?: CheckboxGroupPropGetItemDisabled<ITEM>;\n getItemAttributes?: CheckboxGroupPropGetItemAttributes<ITEM>;\n getItemRef?: CheckboxGroupPropGetItemRef<ITEM>;\n onChange?: CheckboxGroupPropOnChange<ITEM>;\n name?: string;\n direction?: CheckboxGroupPropDirection;\n align?: CheckboxGroupPropAlign;\n size?: CheckboxGroupPropSize;\n view?: CheckboxGroupPropView;\n disabled?: boolean;\n className?: string;\n },\n HTMLDivElement\n > &\n (ITEM extends { label: CheckboxGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: CheckboxGroupPropGetItemLabel<ITEM>;\n });\n\nexport type CheckboxGroupComponent = <ITEM = CheckboxGroupDefaultItem>(\n props: CheckboxGroupProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAiBA,MAAO,IAAMA,4BAA2B,CAAG,CAAC,QAAD,CAAW,KAAX,CAApC,CAGP,MAAO,IAAMC,8BAAyD,CACpED,2BAA2B,CAAC,CAAD,CADtB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA/B,CAEP,MAAO,IAAMC,yBAA+C,CAC1DD,sBAAsB,CAAC,CAAD,CADjB,CAGP,MAAO,IAAME,uBAAsB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA/B,CAEP,MAAO,IAAMC,0BAAiD,CAC5DD,sBAAsB,CAAC,CAAD,CADjB"}

package/__internal__/src/components/Chips/ChipsItem/ChipsItem.css CHANGED Viewed

@@ -1,3 +1,3 @@
 .ChipsItem{--chip-bg-color:var(--color-control-bg-ghost);--chip-bg-color-hover:var(--color-control-bg-ghost-hover);--chip-color:var(--color-control-typo-ghost);--chip-color-hover:var(--color-control-typo-ghost-hover);--chip-border:transparent;--chip-border-hover:transparent;align-items:center;background-color:var(--chip-bg-color);border:var(--control-border-width) solid var(--chip-border);border-radius:99rem;box-sizing:border-box;color:var(--chip-color);display:inline-flex;font-family:inherit;font-size:var(--chip-text-size);gap:calc(var(--chip-space)/2);height:var(--chip-height);justify-content:center;padding:0 var(--chip-space);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;white-space:nowrap}.ChipsItem_status{padding:0 var(--chip-space) 0 calc(var(--chip-height)/2 - var(--chip-badge-size)/2)}.ChipsItem_interactive{cursor:pointer}.ChipsItem_interactive:hover{background-color:var(--chip-bg-color-hover);border:var(--control-border-width) solid var(--chip-border-hover);color:var(--chip-color-hover)}.ChipsItem_size_xs{--chip-height:var(--control-height-xs);--chip-text-size:var(--control-text-size-xs);--chip-space:var(--space-xs);--chip-badge-size:10px}.ChipsItem_size_s{--chip-height:var(--control-height-s);--chip-text-size:var(--control-text-size-s);--chip-space:var(--space-s);--chip-badge-size:16px}.ChipsItem_size_m{--chip-height:var(--control-height-m);--chip-text-size:var(--control-text-size-m);--chip-space:var(--space-m);--chip-badge-size:16px}.ChipsItem_size_l{--chip-height:var(--control-height-l);--chip-text-size:var(--control-text-size-l);--chip-space:var(--space-l);--chip-badge-size:24px}.ChipsItem_activeView_primary{--chip-active-bg-color:var(--color-control-bg-primary);--chip-active-bg-color-hover:var(--color-control-bg-primary-hover);--chip-active-color:var(--color-control-typo-primary);--chip-active-color-hover:var(--color-control-typo-primary-hover);--chip-active-border:transparent;--chip-active-border-hover:transparent;--chip-active-disabled-bg-color:var(--color-control-bg-secondary);--chip-active-disabled-color:var(--color-control-typo-disable);--chip-active-disabled-border:var(--color-control-typo-disable)}.ChipsItem_activeView_secondary{--chip-active-bg-color:var(--color-control-bg-secondary);--chip-active-bg-color-hover:var(--color-control-bg-clear);--chip-active-color:var(--color-control-typo-secondary);--chip-active-color-hover:var(--color-control-typo-secondary-hover);--chip-active-border:var(--color-control-bg-border-secondary);--chip-active-border-hover:var(
-          --color-control-bg-border-secondary-hover
-        );--chip-active-disabled-bg-color:var(--color-control-bg-secondary);--chip-active-disabled-color:var(--color-control-typo-disable);--chip-active-disabled-border:var(--color-control-typo-disable)}.ChipsItem_disabled{--chip-bg-color:var(--color-control-bg-disable);--chip-bg-color-hover:none;--chip-color:var(--color-control-typo-disable);--chip-color-hover:none;--chip-border:transparent;--chip-border-hover:none}.ChipsItem_active{--chip-bg-color:var(--chip-active-bg-color);--chip-bg-color-hover:var(--chip-active-bg-color-hover);--chip-color:var(--chip-active-color);--chip-color-hover:var(--chip-active-color-hover);--chip-border:var(--chip-active-border);--chip-border-hover:var(--chip-active-border-hover)}.ChipsItem_disabled.ChipsItem_active{--chip-bg-color:var(--chip-active-disabled-bg-color);--chip-bg-color-hover:none;--chip-color:var(--chip-active-disabled-color);--chip-color-hover:none;--chip-border:var(--chip-active-disabled-border);--chip-border-hover:none}.ChipsItem-IconButton{background-color:transparent;border:transparent;border-radius:var(--control-radius);color:inherit;cursor:pointer;padding:0}
+        --color-control-bg-border-secondary-hover
+      );--chip-active-disabled-bg-color:var(--color-control-bg-secondary);--chip-active-disabled-color:var(--color-control-typo-disable);--chip-active-disabled-border:var(--color-control-typo-disable)}.ChipsItem_disabled{--chip-bg-color:var(--color-control-bg-disable);--chip-bg-color-hover:none;--chip-color:var(--color-control-typo-disable);--chip-color-hover:none;--chip-border:transparent;--chip-border-hover:none}.ChipsItem_active{--chip-bg-color:var(--chip-active-bg-color);--chip-bg-color-hover:var(--chip-active-bg-color-hover);--chip-color:var(--chip-active-color);--chip-color-hover:var(--chip-active-color-hover);--chip-border:var(--chip-active-border);--chip-border-hover:var(--chip-active-border-hover)}.ChipsItem_disabled.ChipsItem_active{--chip-bg-color:var(--chip-active-disabled-bg-color);--chip-bg-color-hover:none;--chip-color:var(--chip-active-disabled-color);--chip-color-hover:none;--chip-border:var(--chip-active-disabled-border);--chip-border-hover:none}.ChipsItem-IconButton{background-color:transparent;border:transparent;border-radius:var(--control-radius);color:inherit;cursor:pointer;padding:0}

package/__internal__/src/components/Chips/types.d.ts CHANGED Viewed

@@ -3,10 +3,10 @@ import { BadgePropStatus } from '../Badge';
 import { AsAttributes, AsTags } from '../../utils/types/AsTags';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const chipsPropSize: readonly ["xs", "s", "m", "l"];
-export type ChipsPropSize = typeof chipsPropSize[number];
+export type ChipsPropSize = (typeof chipsPropSize)[number];
 export declare const chipsPropSizeDefault: ChipsPropSize;
 export declare const chipsPropActiveView: readonly ["primary", "secondary"];
-export type ChipsPropActiveView = typeof chipsPropActiveView[number];
+export type ChipsPropActiveView = (typeof chipsPropActiveView)[number];
 export declare const chipsPropActiveViewDefault: ChipsPropActiveView;
 export type ChipsPropStatus = BadgePropStatus;
 export type ChipsItemProps = {

package/__internal__/src/components/Chips/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { BadgePropStatus } from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const chipsPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type ChipsPropSize = typeof chipsPropSize[number];\nexport const chipsPropSizeDefault: ChipsPropSize = 'm';\n\nexport const chipsPropActiveView = ['primary', 'secondary'] as const;\nexport type ChipsPropActiveView = typeof chipsPropActiveView[number];\nexport const chipsPropActiveViewDefault: ChipsPropActiveView = 'primary';\n\nexport type ChipsPropStatus = BadgePropStatus;\n\nexport type ChipsItemProps = {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n interactive?: boolean;\n onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n /*\n \"error\" deprecated since version 5.13.0 use \"alert\"\n /\n status?: ChipsPropStatus;\n label: string;\n active?: boolean;\n disabled?: boolean;\n};\n\nexport type ChipsDefaultItem = Omit<\n ChipsItemProps,\n 'size' \| 'activeView' \| 'interactive' \| 'onRightIconClick'\n> & {\n attributes?: Omit<AsAttributes, 'children' \| 'ref'>;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n};\n\n// export type ChipsPropGetItemKey<ITEM> = (item: ITEM) => ChipsDefaultItem['key'];\nexport type ChipsPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['status'];\nexport type ChipsPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['label'];\nexport type ChipsPropGetItemIconLeft<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconLeft'];\nexport type ChipsPropGetItemIconRight<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconRight'];\nexport type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];\nexport type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];\nexport type ChipsPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['attributes'];\nexport type ChipsPropGetItemActive<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['active'];\nexport type ChipsPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['disabled'];\nexport type ChipsPropOnItemClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\nexport type ChipsPropItemOnRightIconClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\n\nexport type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<\n {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n items: ITEM[];\n interactive?: boolean;\n disabled?: boolean;\n /\n \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;\n getItemRef?: ChipsPropGetItemRef<ITEM>;\n getItemAs?: ChipsPropGetItemAs<ITEM>;\n getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;\n getItemActive?: ChipsPropGetItemActive<ITEM>;\n getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;\n onItemClick?: ChipsPropOnItemClick<ITEM>;\n onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: string }\n ? {}\n : {\n getItemLabel: ChipsPropGetItemLabel<ITEM>;\n });\n\nexport type ChipsComponent = <ITEM = ChipsDefaultItem>(\n props: ChipsProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAMA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,oBAAmB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAAG,SAAxD"}
1	+ {"version":3,"file":"types.js","names":["chipsPropSize","chipsPropSizeDefault","chipsPropActiveView","chipsPropActiveViewDefault"],"sources":["../../../../../src/components/Chips/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { BadgePropStatus } from '##/components/Badge';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const chipsPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type ChipsPropSize = (typeof chipsPropSize)[number];\nexport const chipsPropSizeDefault: ChipsPropSize = 'm';\n\nexport const chipsPropActiveView = ['primary', 'secondary'] as const;\nexport type ChipsPropActiveView = (typeof chipsPropActiveView)[number];\nexport const chipsPropActiveViewDefault: ChipsPropActiveView = 'primary';\n\nexport type ChipsPropStatus = BadgePropStatus;\n\nexport type ChipsItemProps = {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n interactive?: boolean;\n onRightIconClick?: React.MouseEventHandler<HTMLButtonElement>;\n iconLeft?: IconComponent;\n iconRight?: IconComponent;\n /*\n \"error\" deprecated since version 5.13.0 use \"alert\"\n /\n status?: ChipsPropStatus;\n label: string;\n active?: boolean;\n disabled?: boolean;\n};\n\nexport type ChipsDefaultItem = Omit<\n ChipsItemProps,\n 'size' \| 'activeView' \| 'interactive' \| 'onRightIconClick'\n> & {\n attributes?: Omit<AsAttributes, 'children' \| 'ref'>;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n};\n\n// export type ChipsPropGetItemKey<ITEM> = (item: ITEM) => ChipsDefaultItem['key'];\nexport type ChipsPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['status'];\nexport type ChipsPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['label'];\nexport type ChipsPropGetItemIconLeft<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconLeft'];\nexport type ChipsPropGetItemIconRight<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['iconRight'];\nexport type ChipsPropGetItemRef<ITEM> = (item: ITEM) => ChipsDefaultItem['ref'];\nexport type ChipsPropGetItemAs<ITEM> = (item: ITEM) => ChipsDefaultItem['as'];\nexport type ChipsPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['attributes'];\nexport type ChipsPropGetItemActive<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['active'];\nexport type ChipsPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => ChipsDefaultItem['disabled'];\nexport type ChipsPropOnItemClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\nexport type ChipsPropItemOnRightIconClick<ITEM> = (\n item: ITEM,\n props: { e: React.MouseEvent },\n) => void;\n\nexport type ChipsProps<ITEM = ChipsDefaultItem> = PropsWithHTMLAttributesAndRef<\n {\n size?: ChipsPropSize;\n activeView?: ChipsPropActiveView;\n items: ITEM[];\n interactive?: boolean;\n disabled?: boolean;\n /\n \"error\" deprecated since version 5.13.0 use \"alert\"\n */\n getItemStatus?: ChipsPropGetItemStatus<ITEM>;\n getItemLabel?: ChipsPropGetItemLabel<ITEM>;\n getItemIconLeft?: ChipsPropGetItemIconLeft<ITEM>;\n getItemIconRight?: ChipsPropGetItemIconRight<ITEM>;\n getItemRef?: ChipsPropGetItemRef<ITEM>;\n getItemAs?: ChipsPropGetItemAs<ITEM>;\n getItemAttributes?: ChipsPropGetItemAttributes<ITEM>;\n getItemActive?: ChipsPropGetItemActive<ITEM>;\n getItemDisabled?: ChipsPropGetItemDisabled<ITEM>;\n onItemClick?: ChipsPropOnItemClick<ITEM>;\n onItemRightIconClick?: ChipsPropItemOnRightIconClick<ITEM>;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: string }\n ? {}\n : {\n getItemLabel: ChipsPropGetItemLabel<ITEM>;\n });\n\nexport type ChipsComponent = <ITEM = ChipsDefaultItem>(\n props: ChipsProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAMA,MAAO,IAAMA,cAAa,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAG,GAA5C,CAEP,MAAO,IAAMC,oBAAmB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAAG,SAAxD"}

package/__internal__/src/components/ChoiceGroup/ChoiceGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","index","itemChecked","itemDisabled","attributes","label","toString","checked","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n ChoiceGroupComponent,\n choiceGroupDefaultForm,\n choiceGroupDefaultSize,\n choiceGroupDefaultView,\n ChoiceGroupPropOnChange,\n ChoiceGroupProps,\n ChoiceGroupPropSize,\n choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n props: ChoiceGroupProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n size = choiceGroupDefaultSize,\n form = choiceGroupDefaultForm,\n view = choiceGroupDefaultView,\n width = choiceGroupWidthDefault,\n onlyIcon,\n iconSize: iconSizeProp,\n value = null,\n multiple = false,\n items,\n getItemLabel,\n onChange,\n getItemIcon,\n getItemAttributes,\n getItemRef,\n getItemDisabled,\n name,\n className,\n disabled = false,\n truncate,\n ...otherProps\n } = withDefaultGetters(props);\n\n type Item = typeof items[number];\n\n const { getOnChange, getChecked } = useChoiceGroup<\n Item,\n React.ChangeEvent<HTMLInputElement>\n >({\n value: value as Item,\n getKey: getItemLabel,\n callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n multiple: multiple as false,\n // привел к типам из-за того что\n // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n });\n\n const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnChoiceGroup(\n { size, form, view, width, onlyIcon, disabled, truncate },\n [className],\n )}\n >\n {items.map((item, index) => {\n const itemChecked = getChecked(item);\n const itemDisabled = getItemDisabled?.(item);\n const attributes = getItemAttributes(item) ?? {};\n const label = getItemLabel(item).toString();\n\n return (\n <React.Fragment key={label}>\n {index > 0 && (\n <div\n className={cnChoiceGroup('Divider', {\n checked: itemChecked,\n disabled: itemDisabled,\n })}\n />\n )}\n <ChoiceGroupItem\n onChange={!itemDisabled ? getOnChange(item) : undefined}\n checked={itemChecked}\n label={label}\n icon={getItemIcon && getItemIcon(item)}\n iconSize={iconSize}\n multiple={multiple}\n onlyIcon={onlyIcon}\n ref={getItemRef(item)}\n name={name}\n disabled={disabled \|\| itemDisabled}\n title={onlyIcon \|\| truncate ? label : undefined}\n {...attributes}\n />\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport const ChoiceGroup = forwardRef(\n ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}
1	+ {"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","getItemAttributes","getItemRef","getItemDisabled","name","className","disabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","index","itemChecked","itemDisabled","attributes","label","toString","checked","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n ChoiceGroupComponent,\n choiceGroupDefaultForm,\n choiceGroupDefaultSize,\n choiceGroupDefaultView,\n ChoiceGroupPropOnChange,\n ChoiceGroupProps,\n ChoiceGroupPropSize,\n choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n props: ChoiceGroupProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n size = choiceGroupDefaultSize,\n form = choiceGroupDefaultForm,\n view = choiceGroupDefaultView,\n width = choiceGroupWidthDefault,\n onlyIcon,\n iconSize: iconSizeProp,\n value = null,\n multiple = false,\n items,\n getItemLabel,\n onChange,\n getItemIcon,\n getItemAttributes,\n getItemRef,\n getItemDisabled,\n name,\n className,\n disabled = false,\n truncate,\n ...otherProps\n } = withDefaultGetters(props);\n\n type Item = (typeof items)[number];\n\n const { getOnChange, getChecked } = useChoiceGroup<\n Item,\n React.ChangeEvent<HTMLInputElement>\n >({\n value: value as Item,\n getKey: getItemLabel,\n callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n multiple: multiple as false,\n // привел к типам из-за того что\n // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n });\n\n const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnChoiceGroup(\n { size, form, view, width, onlyIcon, disabled, truncate },\n [className],\n )}\n >\n {items.map((item, index) => {\n const itemChecked = getChecked(item);\n const itemDisabled = getItemDisabled?.(item);\n const attributes = getItemAttributes(item) ?? {};\n const label = getItemLabel(item).toString();\n\n return (\n <React.Fragment key={label}>\n {index > 0 && (\n <div\n className={cnChoiceGroup('Divider', {\n checked: itemChecked,\n disabled: itemDisabled,\n })}\n />\n )}\n <ChoiceGroupItem\n onChange={!itemDisabled ? getOnChange(item) : undefined}\n checked={itemChecked}\n label={label}\n icon={getItemIcon && getItemIcon(item)}\n iconSize={iconSize}\n multiple={multiple}\n onlyIcon={onlyIcon}\n ref={getItemRef(item)}\n name={name}\n disabled={disabled \|\| itemDisabled}\n title={onlyIcon \|\| truncate ? label : undefined}\n {...attributes}\n />\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport const ChoiceGroup = forwardRef(\n ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"uTAAA,0BAGA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,kCACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BAEA,OAASC,kBAAT,gBACA,OAASC,eAAT,+BACA,OAEEC,sBAFF,CAGEC,sBAHF,CAIEC,sBAJF,CAQEC,uBARF,eAWA,GAAMC,QAAkD,CAAG,CACzDC,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,IAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAA3D,CAOA,MAAO,IAAMC,cAAa,CAAGb,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMc,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAsBCd,kBAAkB,CAACa,CAAD,CAtBnB,KAEDE,IAFC,CAEDA,CAFC,YAEMZ,sBAFN,OAGDa,IAHC,CAGDA,CAHC,YAGMd,sBAHN,OAIDe,IAJC,CAIDA,CAJC,YAIMb,sBAJN,OAKDc,KALC,CAKDA,CALC,YAKOb,uBALP,GAMDc,CANC,GAMDA,QANC,CAOSC,CAPT,GAODC,QAPC,KAQDC,KARC,CAQDA,CARC,YAQO,IARP,OASDC,QATC,CASDA,CATC,eAUDC,CAVC,GAUDA,KAVC,CAWDC,CAXC,GAWDA,YAXC,CAYDC,CAZC,GAYDA,QAZC,CAaDC,CAbC,GAaDA,WAbC,CAcDC,CAdC,GAcDA,iBAdC,CAeDC,CAfC,GAeDA,UAfC,CAgBDC,CAhBC,GAgBDA,eAhBC,CAiBDC,CAjBC,GAiBDA,IAjBC,CAkBDC,CAlBC,GAkBDA,SAlBC,KAmBDC,QAnBC,CAmBDA,CAnBC,eAoBDC,CApBC,GAoBDA,QApBC,CAqBEC,CArBF,yCA0BiCtC,cAAc,CAGhD,CACAyB,KAAK,CAAEA,CADP,CAEAc,MAAM,CAAEX,CAFR,CAGAY,QAAQ,CAAEX,CAHV,CAIAH,QAAQ,CAAEA,CAJV,CAHgD,CA1B/C,CA0BKe,CA1BL,GA0BKA,WA1BL,CA0BkBC,CA1BlB,GA0BkBA,UA1BlB,CAsCGlB,CAAQ,CAAGtB,QAAQ,CAACO,OAAD,CAAUS,CAAV,CAAgBK,CAAhB,CAtCtB,CAwCH,MACE,4CACMe,CADN,EAEE,GAAG,CAAErB,CAFP,CAGE,SAAS,CAAEH,aAAa,CACtB,CAAEI,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,IAAI,CAAJA,CAAd,CAAoBC,KAAK,CAALA,CAApB,CAA2BC,QAAQ,CAARA,CAA3B,CAAqCc,QAAQ,CAARA,CAArC,CAA+CC,QAAQ,CAARA,CAA/C,CADsB,CAEtB,CAACF,CAAD,CAFsB,CAH1B,GAQGR,CAAK,CAACgB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,OACpBC,CAAW,CAAGJ,CAAU,CAACE,CAAD,CADJ,CAEpBG,CAAY,QAAGd,CAAH,WAAGA,CAAH,QAAGA,CAAe,CAAGW,CAAH,CAFV,CAGpBI,CAAU,WAAGjB,CAAiB,CAACa,CAAD,CAApB,gBAA8B,EAHpB,CAIpBK,CAAK,CAAGrB,CAAY,CAACgB,CAAD,CAAZ,CAAmBM,QAAnB,EAJY,CAM1B,MACE,qBAAC,KAAD,CAAO,QAAP,EAAgB,GAAG,CAAED,CAArB,EACW,CAAR,CAAAJ,CAAK,EACJ,2BACE,SAAS,CAAE/B,aAAa,CAAC,SAAD,CAAY,CAClCqC,OAAO,CAAEL,CADyB,CAElCV,QAAQ,CAAEW,CAFwB,CAAZ,CAD1B,EAFJ,CASE,oBAAC,eAAD,gBACE,QAAQ,CAAGA,CAAD,QAAgBN,CAAW,CAACG,CAAD,CADvC,CAEE,OAAO,CAAEE,CAFX,CAGE,KAAK,CAAEG,CAHT,CAIE,IAAI,CAAEnB,CAAW,EAAIA,CAAW,CAACc,CAAD,CAJlC,CAKE,QAAQ,CAAEpB,CALZ,CAME,QAAQ,CAAEE,CANZ,CAOE,QAAQ,CAAEJ,CAPZ,CAQE,GAAG,CAAEU,CAAU,CAACY,CAAD,CARjB,CASE,IAAI,CAAEV,CATR,CAUE,QAAQ,CAAEE,CAAQ,EAAIW,CAVxB,CAWE,KAAK,CAAEzB,CAAQ,EAAIe,CAAZ,CAAuBY,CAAvB,OAXT,EAYMD,CAZN,EATF,CAyBH,CAhCA,CARH,CA2CH,CAvFD,CAyFA,MAAO,IAAMI,YAAW,CAAGrD,UAAU,CACnCgB,iBADmC,CAA9B,CAIP"}

package/__internal__/src/components/ChoiceGroup/types.d.ts CHANGED Viewed

@@ -9,16 +9,16 @@ export type ChoiceGroupDefaultItem = {
     ref?: React.RefObject<HTMLLabelElement>;
 };
 export declare const choiceGroupForms: readonly ["default", "brick", "round"];
-export type ChoiceGroupPropForm = typeof choiceGroupForms[number];
+export type ChoiceGroupPropForm = (typeof choiceGroupForms)[number];
 export declare const choiceGroupDefaultForm: ChoiceGroupPropForm;
 export declare const choiceGroupSizes: readonly ["xs", "s", "m", "l"];
-export type ChoiceGroupPropSize = typeof choiceGroupSizes[number];
+export type ChoiceGroupPropSize = (typeof choiceGroupSizes)[number];
 export declare const choiceGroupDefaultSize: ChoiceGroupPropSize;
 export declare const choiceGroupViews: readonly ["primary", "ghost", "secondary"];
-export type ChoiceGroupPropView = typeof choiceGroupViews[number];
+export type ChoiceGroupPropView = (typeof choiceGroupViews)[number];
 export declare const choiceGroupDefaultView: ChoiceGroupPropView;
 export declare const choiceGroupWidth: readonly ["default", "full"];
-export type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];
+export type ChoiceGroupPropWidth = (typeof choiceGroupWidth)[number];
 export declare const choiceGroupWidthDefault: ChoiceGroupPropWidth;
 export type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
 export type ChoiceGroupPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;

package/__internal__/src/components/ChoiceGroup/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n label: string;\n icon?: IconComponent;\n disabled?: boolean;\n attributes?: Omit<\n JSX.IntrinsicElements['label'],\n 'ref' \| 'onChange' \| 'children'\n >;\n ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type ChoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: ChoiceGroupPropWidth =\n choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string \| number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent \| undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type ChoiceGroupPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) =>\n \| Omit<JSX.IntrinsicElements['label'], 'ref' \| 'onChange' \| 'children'>\n \| undefined;\nexport type ChoiceGroupPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLLabelElement> \| undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n \| (MULTIPLE extends true ? ITEM[] : ITEM)\n \| null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (\n value: MULTIPLE extends true ? ITEM[] \| null : ITEM,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type ChoiceGroupProps<\n ITEM = ChoiceGroupDefaultItem,\n MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n {\n size?: ChoiceGroupPropSize;\n form?: ChoiceGroupPropForm;\n view?: ChoiceGroupPropView;\n width?: ChoiceGroupPropWidth;\n onlyIcon?: boolean;\n iconSize?: IconPropSize;\n items: ITEM[];\n getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n getItemAttributes?: ChoiceGroupPropGetItemAttributes<ITEM>;\n getItemRef?: ChoiceGroupPropGetItemRef<ITEM>;\n name: string;\n disabled?: boolean;\n getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n multiple?: MULTIPLE;\n truncate?: boolean;\n children?: never;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n });\n\nexport type ChoiceGroupItemProps = {\n icon?: IconComponent;\n onlyIcon?: boolean;\n iconSize?: IconPropSize;\n label: string;\n name: string;\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n checked: boolean;\n multiple: boolean;\n disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactNode \| null;\n"],"mappings":"AAgBA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}
1	+ {"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n label: string;\n icon?: IconComponent;\n disabled?: boolean;\n attributes?: Omit<\n JSX.IntrinsicElements['label'],\n 'ref' \| 'onChange' \| 'children'\n >;\n ref?: React.RefObject<HTMLLabelElement>;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = (typeof choiceGroupForms)[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = (typeof choiceGroupSizes)[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = (typeof choiceGroupViews)[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type ChoiceGroupPropWidth = (typeof choiceGroupWidth)[number];\nexport const choiceGroupWidthDefault: ChoiceGroupPropWidth =\n choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string \| number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent \| undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type ChoiceGroupPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) =>\n \| Omit<JSX.IntrinsicElements['label'], 'ref' \| 'onChange' \| 'children'>\n \| undefined;\nexport type ChoiceGroupPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLLabelElement> \| undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n \| (MULTIPLE extends true ? ITEM[] : ITEM)\n \| null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (\n value: MULTIPLE extends true ? ITEM[] \| null : ITEM,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type ChoiceGroupProps<\n ITEM = ChoiceGroupDefaultItem,\n MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n {\n size?: ChoiceGroupPropSize;\n form?: ChoiceGroupPropForm;\n view?: ChoiceGroupPropView;\n width?: ChoiceGroupPropWidth;\n onlyIcon?: boolean;\n iconSize?: IconPropSize;\n items: ITEM[];\n getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n getItemAttributes?: ChoiceGroupPropGetItemAttributes<ITEM>;\n getItemRef?: ChoiceGroupPropGetItemRef<ITEM>;\n name: string;\n disabled?: boolean;\n getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n multiple?: MULTIPLE;\n truncate?: boolean;\n children?: never;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n });\n\nexport type ChoiceGroupItemProps = {\n icon?: IconComponent;\n onlyIcon?: boolean;\n iconSize?: IconPropSize;\n label: string;\n name: string;\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n checked: boolean;\n multiple: boolean;\n disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactNode \| null;\n"],"mappings":"AAgBA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}

package/__internal__/src/components/Collapse/types.d.ts CHANGED Viewed

@@ -2,21 +2,21 @@ import { IconComponent, IconProps } from '@consta/icons/Icon';
 import React from 'react';
 import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const collapsePropSize: readonly ["m", "l", "s", "xs", "2xs"];
-export type CollapsePropSize = typeof collapsePropSize[number];
+export type CollapsePropSize = (typeof collapsePropSize)[number];
 export declare const collapsePropSizeDefault: "m";
 export declare const collapsePropForm: readonly ["brick", "default", "round"];
-export type CollapsePropForm = typeof collapsePropForm[number];
+export type CollapsePropForm = (typeof collapsePropForm)[number];
 export declare const collapsePropFormDefault: "brick";
 export declare const collapsePropView: readonly ["clear", "ghost", "primary", "secondary"];
-export type CollapsePropView = typeof collapsePropView[number];
+export type CollapsePropView = (typeof collapsePropView)[number];
 export declare const collapsePropViewDefault: "clear";
 export declare const collapsePropHorizontalSpace: readonly ["3xs", "6xl", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
-export type CollapsePropHorizontalSpace = typeof collapsePropHorizontalSpace[number];
+export type CollapsePropHorizontalSpace = (typeof collapsePropHorizontalSpace)[number];
 export declare const collapsePropIconPosition: readonly ["left", "right"];
-export type CollapsePropIconPosition = typeof collapsePropIconPosition[number];
+export type CollapsePropIconPosition = (typeof collapsePropIconPosition)[number];
 export declare const collapsePropIconPositionDefault: "left";
 export declare const collapseIconPropDirection: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
-export type CollapseIconPropDirection = typeof collapseIconPropDirection[number];
+export type CollapseIconPropDirection = (typeof collapseIconPropDirection)[number];
 export type CollapseIconProps = PropsWithHTMLAttributes<{
     size: 'xs' | 's';
     icon: React.FC<IconProps>;
@@ -32,7 +32,7 @@ export declare const collapsePropDirectionIconDefault: "up";
 export declare const collapsePropCloseDirectionIconDefault: "down";
 export declare const collapsePropIconView: readonly ["clear", "ghost"];
 export declare const collapsePropIconViewDefault: "clear";
-export type CollapsePropIconView = typeof collapsePropIconView[number];
+export type CollapsePropIconView = (typeof collapsePropIconView)[number];
 export type CollapseProps = PropsWithHTMLAttributesAndRef<{
     size?: CollapsePropSize;
     icon?: IconComponent;

package/__internal__/src/components/Collapse/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropForm","collapsePropFormDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault","collapsePropIconView","collapsePropIconViewDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n PropsWithHTMLAttributes,\n PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropForm = ['brick', 'default', 'round'] as const;\nexport type CollapsePropForm = typeof collapsePropForm[number];\nexport const collapsePropFormDefault = collapsePropForm[0];\n\nexport const collapsePropView = [\n 'clear',\n 'ghost',\n 'primary',\n 'secondary',\n] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n '3xs',\n '6xl',\n '5xl',\n '4xl',\n '3xl',\n '2xl',\n 'xl',\n 'l',\n 'm',\n 's',\n 'xs',\n '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n 'up',\n 'right',\n 'down',\n 'left',\n 'upRight',\n 'downRight',\n 'upLeft',\n 'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n {\n size: 'xs' \| 's';\n icon: React.FC<IconProps>;\n view: CollapsePropIconView;\n isOpen?: boolean;\n children?: never;\n closeIcon?: React.FC<IconProps>;\n direction?: CollapseIconPropDirection;\n closeDirection?: CollapseIconPropDirection;\n },\n HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n collapsePropDirectionIcon[2];\n\nexport const collapsePropIconView = ['clear', 'ghost'] as const;\nexport const collapsePropIconViewDefault = collapsePropIconView[0];\nexport type CollapsePropIconView = typeof collapsePropIconView[number];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n {\n size?: CollapsePropSize;\n icon?: IconComponent;\n form?: CollapsePropForm;\n view?: CollapsePropView;\n divider?: boolean;\n label: React.ReactNode;\n maxContentHeight?: string \| number;\n horizontalSpace?: CollapsePropHorizontalSpace;\n hoverEffect?: boolean;\n isOpen?: boolean;\n iconView?: CollapsePropIconView;\n rightSide?: React.ReactNode;\n iconPosition?: 'left' \| 'right';\n } & (\n \| {\n closeIcon?: IconComponent;\n directionIcon?: never;\n closeDirectionIcon?: never;\n }\n \| {\n closeIcon?: never;\n directionIcon?: CollapseIconPropDirection;\n closeDirectionIcon?: CollapseIconPropDirection;\n }\n ),\n HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n props: CollapseProps,\n) => React.ReactNode \| null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,OAD8B,CAE9B,OAF8B,CAG9B,SAH8B,CAI9B,WAJ8B,CAAzB,CAOP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,~~CAEP~~,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA2BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB,CAGP,MAAO,IAAMG,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CACP,MAAO,IAAMC,4BAA2B,CAAGD,oBAAoB,CAAC,CAAD,CAAxD"}
1	+ {"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropForm","collapsePropFormDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault","collapsePropIconView","collapsePropIconViewDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import { IconComponent, IconProps } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n PropsWithHTMLAttributes,\n PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = (typeof collapsePropSize)[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropForm = ['brick', 'default', 'round'] as const;\nexport type CollapsePropForm = (typeof collapsePropForm)[number];\nexport const collapsePropFormDefault = collapsePropForm[0];\n\nexport const collapsePropView = [\n 'clear',\n 'ghost',\n 'primary',\n 'secondary',\n] as const;\nexport type CollapsePropView = (typeof collapsePropView)[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n '3xs',\n '6xl',\n '5xl',\n '4xl',\n '3xl',\n '2xl',\n 'xl',\n 'l',\n 'm',\n 's',\n 'xs',\n '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n (typeof collapsePropHorizontalSpace)[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition =\n (typeof collapsePropIconPosition)[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n 'up',\n 'right',\n 'down',\n 'left',\n 'upRight',\n 'downRight',\n 'upLeft',\n 'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n (typeof collapseIconPropDirection)[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n {\n size: 'xs' \| 's';\n icon: React.FC<IconProps>;\n view: CollapsePropIconView;\n isOpen?: boolean;\n children?: never;\n closeIcon?: React.FC<IconProps>;\n direction?: CollapseIconPropDirection;\n closeDirection?: CollapseIconPropDirection;\n },\n HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n collapsePropDirectionIcon[2];\n\nexport const collapsePropIconView = ['clear', 'ghost'] as const;\nexport const collapsePropIconViewDefault = collapsePropIconView[0];\nexport type CollapsePropIconView = (typeof collapsePropIconView)[number];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n {\n size?: CollapsePropSize;\n icon?: IconComponent;\n form?: CollapsePropForm;\n view?: CollapsePropView;\n divider?: boolean;\n label: React.ReactNode;\n maxContentHeight?: string \| number;\n horizontalSpace?: CollapsePropHorizontalSpace;\n hoverEffect?: boolean;\n isOpen?: boolean;\n iconView?: CollapsePropIconView;\n rightSide?: React.ReactNode;\n iconPosition?: 'left' \| 'right';\n } & (\n \| {\n closeIcon?: IconComponent;\n directionIcon?: never;\n closeDirectionIcon?: never;\n }\n \| {\n closeIcon?: never;\n directionIcon?: CollapseIconPropDirection;\n closeDirectionIcon?: CollapseIconPropDirection;\n }\n ),\n HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n props: CollapseProps,\n) => React.ReactNode \| null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,OAD8B,CAE9B,OAF8B,CAG9B,SAH8B,CAI9B,WAJ8B,CAAzB,CAOP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAGP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA2BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB,CAGP,MAAO,IAAMG,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CACP,MAAO,IAAMC,4BAA2B,CAAGD,oBAAoB,CAAC,CAAD,CAAxD"}

package/__internal__/src/components/ColorPicker/ColorControl/ColorControl.css ADDED Viewed

@@ -0,0 +1,7 @@
+.ColorControl{--color-control-marker-offset:calc((var(--field-control-layout-height) - var(--color-control-marker-size))/2 - var(--control-border-width))}.ColorControl_size_s,.ColorControl_size_xs{--color-control-marker-size:var(--space-m)}.ColorControl_size_m{--color-control-marker-size:var(--space-xl)}.ColorControl_size_l{--color-control-marker-size:var(--space-2xl)}.ColorControl_view_default{--field-control-layout-padding-left-override:var(
+        --color-control-marker-offset
+      )}.ColorControl_view_default .ColorControl-Input{--field-control-layout-padding-left-override:var(
+          --field-control-layout-space
+        )}.ColorControl_view_default.ColorControl_onlyMarker{--field-control-layout-padding-right-override:var(
+          --color-control-marker-offset
+        )}.ColorControl_onlyMarker.FieldControlLayout{width:var(--field-control-layout-height)}.ColorControl_onlyMarker .ColorControl-Marker.MixFocus{--mix-focus-color-one:transparent;--mix-focus-color-two:transparent}.ColorControl-Input{--field-control-layout-height-override:calc(var(--field-control-layout-height) - var(--control-border-width)*2);--field-control-layout-additional-padding-top:calc(var(--control-border-width)*-1);--field-control-layout-additional-padding-bottom:calc(var(--control-border-width)*-1)}.ColorControl-Marker{--mix-hit-slop-top:var(--color-control-marker-offset);--mix-hit-slop-left:var(--color-control-marker-offset);--mix-hit-slop-right:var(--color-control-marker-offset);--mix-hit-slop-bottom:var(--color-control-marker-offset)}

package/__internal__/src/components/ColorPicker/ColorControl/ColorControl.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import './ColorControl.css';
+import React from 'react';
+import { AnyColor } from '../types';
+import { ColorControlComponent, ColorControlProps } from './types';
+export declare const ColorControlRender: <T extends AnyColor>({ className, model, value, onChange, size, disabled, format, alpha, id, name, view, form, markerRef, onlyMarker, ...otherProps }: ColorControlProps<T>, ref: React.Ref<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorControl: ColorControlComponent;

package/__internal__/src/components/ColorPicker/ColorControl/ColorControl.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","model","value","onChange","size","disabled","format","alpha","id","name","view","form","markerRef","onlyMarker"];import"./ColorControl.css";import{classnames}from"@bem-react/classnames";import React,{forwardRef,useCallback,useState}from"react";import{FieldControlLayout}from"../../FieldComponents";import{useDebounce}from"../../../hooks/useDebounce";import{cnMixHitSlop}from"../../../mixs/MixHitSlop";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{ColorMarker}from"../ColorMarker";import{ColorPickerInput}from"../ColorPickerInput";var cnColorControl=cn("ColorControl"),mapSizeMarker={xs:"xs",s:"xs",m:"s",l:"m"},mapFormMarker={default:"default",defaultClear:"default",defaultBrick:"default",brick:"brick",brickDefault:"brick",brickClear:"brick",brickRound:"brick",round:"round",roundClear:"round",roundBrick:"round",clearRound:"default",clearDefault:"default",clearBrick:"default",clear:"default"};export var ColorControlRender=function(a,b){var c=a.className,d=a.model,e=a.value,f=a.onChange,g=a.size,h=void 0===g?"m":g,i=a.disabled,j=a.format,k=a.alpha,l=a.id,m=a.name,n=a.view,o=void 0===n?"default":n,p=a.form,q=void 0===p?"default":p,r=a.markerRef,s=a.onlyMarker,t=_objectWithoutProperties(a,_excluded),u=useState(!1),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useDebounce(x,1),z=useCallback(function(){y(!0)},[]),A=useCallback(function(){y(!1)},[]);return React.createElement(FieldControlLayout,Object.assign({},t,{disabled:i,size:h,ref:b,form:q,view:o,className:classnames(cnColorControl({view:o,size:h,onlyMarker:s},c),"default"===o?cnMixSpace({pH:"xs",pV:"2xs"}):void 0),leftSide:React.createElement(ColorMarker,{className:cnColorControl("Marker",[s?cnMixHitSlop({mode:"before"}):void 0]),as:"button",model:d,value:e,size:mapSizeMarker[h],form:mapFormMarker[q],onFocus:z,onBlur:A,ref:r,disabled:i}),focused:w}),!s&&React.createElement(ColorPickerInput,{className:cnColorControl("Input"),model:d,value:e,onChange:f,size:h,disabled:i,format:j,alpha:k,id:l,name:m,view:"clear",onFocus:z,onBlur:A}))};export var ColorControl=forwardRef(ColorControlRender);
2	+ //# sourceMappingURL=ColorControl.js.map

package/__internal__/src/components/ColorPicker/ColorControl/ColorControl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorControl.js","names":["classnames","React","forwardRef","useCallback","useState","FieldControlLayout","useDebounce","cnMixHitSlop","cnMixSpace","cn","ColorMarker","ColorPickerInput","cnColorControl","mapSizeMarker","xs","s","m","l","mapFormMarker","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clear","ColorControlRender","ref","className","model","value","onChange","size","disabled","format","alpha","id","name","view","form","markerRef","onlyMarker","otherProps","focused","setFocused","debouncedSetFocused","setFocusedOn","setFocusedOff","pH","pV","mode","ColorControl"],"sources":["../../../../../../src/components/ColorPicker/ColorControl/ColorControl.tsx"],"sourcesContent":["import './ColorControl.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React, { forwardRef, useCallback, useState } from 'react';\n\nimport {\n FieldControlLayout,\n FieldPropForm,\n} from '##/components/FieldComponents';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { cnMixHitSlop } from '##/mixs/MixHitSlop';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { ColorMarker } from '../ColorMarker';\nimport { ColorPickerInput } from '../ColorPickerInput';\nimport { AnyColor } from '../types';\nimport { ColorControlComponent, ColorControlProps } from './types';\n\nconst cnColorControl = cn('ColorControl');\n\nconst mapSizeMarker = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 'm',\n} as const;\n\nconst mapFormMarker: Record<FieldPropForm, 'default' | 'brick' | 'round'> = {\n default: 'default',\n defaultClear: 'default',\n defaultBrick: 'default',\n brick: 'brick',\n brickDefault: 'brick',\n brickClear: 'brick',\n brickRound: 'brick',\n round: 'round',\n roundClear: 'round',\n roundBrick: 'round',\n clearRound: 'default',\n clearDefault: 'default',\n clearBrick: 'default',\n clear: 'default',\n} as const;\n\nexport const ColorControlRender = <T extends AnyColor>(\n {\n className,\n model,\n value,\n onChange,\n size = 'm',\n disabled,\n format,\n alpha,\n id,\n name,\n view = 'default',\n form = 'default',\n markerRef,\n onlyMarker,\n ...otherProps\n }: ColorControlProps<T>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const [focused, setFocused] = useState(false);\n const debouncedSetFocused = useDebounce(setFocused, 1);\n\n const setFocusedOn = useCallback(() => {\n debouncedSetFocused(true);\n }, []);\n\n const setFocusedOff = useCallback(() => {\n debouncedSetFocused(false);\n }, []);\n\n return (\n <FieldControlLayout\n {...otherProps}\n disabled={disabled}\n size={size}\n ref={ref}\n form={form}\n view={view}\n className={classnames(\n cnColorControl({ view, size, onlyMarker }, className),\n view === 'default' ? cnMixSpace({ pH: 'xs', pV: '2xs' }) : undefined,\n )}\n leftSide={\n <ColorMarker\n className={cnColorControl('Marker', [\n onlyMarker ? cnMixHitSlop({ mode: 'before' }) : undefined,\n ])}\n as=\"button\"\n model={model}\n value={value}\n size={mapSizeMarker[size]}\n form={mapFormMarker[form]}\n onFocus={setFocusedOn}\n onBlur={setFocusedOff}\n ref={markerRef}\n disabled={disabled}\n />\n }\n focused={focused}\n >\n {!onlyMarker && (\n <ColorPickerInput\n className={cnColorControl('Input')}\n model={model}\n value={value}\n onChange={onChange}\n size={size}\n disabled={disabled}\n format={format}\n alpha={alpha}\n id={id}\n name={name}\n view=\"clear\"\n onFocus={setFocusedOn}\n onBlur={setFocusedOff}\n />\n )}\n </FieldControlLayout>\n );\n};\n\nexport const ColorControl = forwardRef(\n ColorControlRender,\n) as ColorControlComponent;\n"],"mappings":"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"}

package/__internal__/src/components/ColorPicker/ColorControl/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './ColorControl';
2	+ export * from './types';

package/__internal__/src/components/ColorPicker/ColorControl/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ exportfrom"./ColorControl";exportfrom"./types";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorControl/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorControl/index.ts"],"sourcesContent":["export * from './ColorControl';\nexport * from './types';\n"],"mappings":"AAAA,4BACA"}

package/__internal__/src/components/ColorPicker/ColorControl/types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ColorPickerInputProps } from '../ColorPickerInput';
+export type ColorControlProps<T> = ColorPickerInputProps<T> & {
+    markerRef?: React.RefObject<HTMLButtonElement>;
+    onlyMarker?: boolean;
+};
+export type ColorControlComponent = <T>(props: ColorControlProps<T>) => React.ReactElement;

package/__internal__/src/components/ColorPicker/ColorControl/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{};
2	+ //# sourceMappingURL=types.js.map

package/__internal__/src/components/ColorPicker/ColorControl/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorControl/types.ts"],"sourcesContent":["import { ColorPickerInputProps } from '../ColorPickerInput';\n\nexport type ColorControlProps<T> = ColorPickerInputProps<T> & {\n markerRef?: React.RefObject<HTMLButtonElement>;\n onlyMarker?: boolean;\n};\n\nexport type ColorControlComponent = <T>(\n props: ColorControlProps<T>,\n) => React.ReactElement;\n"],"mappings":""}

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .ColorInputTypeChanger-Select.FieldControlLayout{flex:none;width:64px}.ColorInputTypeChanger-Input{flex:1}

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import './ColorInputTypeChanger.css';
+import { ColorInputTypeChangerComponent } from './types';
+export declare const cnColorInputTypeChanger: import("@bem-react/classname").ClassNameFormatter;
+export declare const ColorInputTypeChanger: ColorInputTypeChangerComponent;

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","size","className"];import"./ColorInputTypeChanger.css";import React,{forwardRef,useState}from"react";import{Select}from"../../SelectCanary";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{ColorPickerInput}from"..";export var cnColorInputTypeChanger=cn("ColorInputTypeChanger");var getFormat=function(a){return a},ColorInputTypeChangerRender=function(a,b){var c=a.format,d=void 0===c?["hex","hsl","hsv","rgb"]:c,e=a.size,f=a.className,g=_objectWithoutProperties(a,_excluded),h="string"==typeof d?[d]:d,i=useState(h[0]),j=_slicedToArray(i,2),k=j[0],l=j[1],m=k\|\|h[0];return React.createElement("div",{className:cnColorInputTypeChanger(null,[cnMixFlex({flex:"flex",gap:"xs"}),f])},1<h.length&&React.createElement(Select,{className:cnColorInputTypeChanger("Select"),value:m,onChange:l,items:h,getItemLabel:getFormat,getItemKey:getFormat,size:e}),React.createElement(ColorPickerInput,Object.assign({},g,{className:cnColorInputTypeChanger("Input"),ref:b,format:m,size:e})))};export var ColorInputTypeChanger=forwardRef(ColorInputTypeChangerRender);
2	+ //# sourceMappingURL=ColorInputTypeChanger.js.map

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorInputTypeChanger.js","names":["React","forwardRef","useState","Select","cnMixFlex","cn","ColorPickerInput","cnColorInputTypeChanger","getFormat","format","ColorInputTypeChangerRender","ref","formatProp","size","className","otherProps","formats","setFormat","value","flex","gap","length","ColorInputTypeChanger"],"sources":["../../../../../../src/components/ColorPicker/ColorInputTypeChanger/ColorInputTypeChanger.tsx"],"sourcesContent":["import './ColorInputTypeChanger.css';\n\nimport React, { forwardRef, useState } from 'react';\n\nimport { Select } from '##/components/SelectCanary';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { ColorPickerInput } from '..';\nimport { ColorInputFormat } from '../types';\nimport {\n ColorInputTypeChangerComponent,\n ColorInputTypeChangerProps,\n} from './types';\n\nexport const cnColorInputTypeChanger = cn('ColorInputTypeChanger');\n\nconst getFormat = (format: string) => format;\n\nconst ColorInputTypeChangerRender = <T,>(\n {\n format: formatProp = ['hex', 'hsl', 'hsv', 'rgb'],\n size,\n className,\n ...otherProps\n }: ColorInputTypeChangerProps<T>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const formats = typeof formatProp === 'string' ? [formatProp] : formatProp;\n const [format, setFormat] = useState<ColorInputFormat | null>(formats[0]);\n const value = format || formats[0];\n return (\n <div\n className={cnColorInputTypeChanger(null, [\n cnMixFlex({ flex: 'flex', gap: 'xs' }),\n className,\n ])}\n >\n {formats.length > 1 && (\n <Select\n className={cnColorInputTypeChanger('Select')}\n value={value}\n onChange={setFormat}\n items={formats}\n getItemLabel={getFormat}\n getItemKey={getFormat}\n size={size}\n />\n )}\n <ColorPickerInput\n {...otherProps}\n className={cnColorInputTypeChanger('Input')}\n ref={ref}\n format={value}\n size={size}\n />\n </div>\n );\n};\n\nexport const ColorInputTypeChanger = forwardRef(\n ColorInputTypeChangerRender,\n) as ColorInputTypeChangerComponent;\n"],"mappings":"kMAAA,oCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,QAA5B,KAA4C,OAA5C,CAEA,OAASC,MAAT,0BACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAASC,gBAAT,KAAiC,IAAjC,CAOA,MAAO,IAAMC,wBAAuB,CAAGF,EAAE,CAAC,uBAAD,CAAlC,C,GAEDG,UAAS,CAAG,SAACC,CAAD,QAAoBA,EAApB,C,CAEZC,2BAA2B,CAAG,WAOlCC,CAPkC,CAQ/B,SANDF,MAMC,CANOG,CAMP,YANoB,CAAC,KAAD,CAAQ,KAAR,CAAe,KAAf,CAAsB,KAAtB,CAMpB,GALDC,CAKC,GALDA,IAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,uCACGC,CAAO,CAAyB,QAAtB,QAAOJ,EAAP,CAAiC,CAACA,CAAD,CAAjC,CAAgDA,CAD7D,GAEyBV,QAAQ,CAA0Bc,CAAO,CAAC,CAAD,CAAjC,CAFjC,uBAEIP,CAFJ,MAEYQ,CAFZ,MAGGC,CAAK,CAAGT,CAAM,EAAIO,CAAO,CAAC,CAAD,CAH5B,CAIH,MACE,4BACE,SAAS,CAAET,uBAAuB,CAAC,IAAD,CAAO,CACvCH,SAAS,CAAC,CAAEe,IAAI,CAAE,MAAR,CAAgBC,GAAG,CAAE,IAArB,CAAD,CAD8B,CAEvCN,CAFuC,CAAP,CADpC,EAMoB,CAAjB,CAAAE,CAAO,CAACK,MAAR,EACC,oBAAC,MAAD,EACE,SAAS,CAAEd,uBAAuB,CAAC,QAAD,CADpC,CAEE,KAAK,CAAEW,CAFT,CAGE,QAAQ,CAAED,CAHZ,CAIE,KAAK,CAAED,CAJT,CAKE,YAAY,CAAER,SALhB,CAME,UAAU,CAAEA,SANd,CAOE,IAAI,CAAEK,CAPR,EAPJ,CAiBE,oBAAC,gBAAD,kBACME,CADN,EAEE,SAAS,CAAER,uBAAuB,CAAC,OAAD,CAFpC,CAGE,GAAG,CAAEI,CAHP,CAIE,MAAM,CAAEO,CAJV,CAKE,IAAI,CAAEL,CALR,GAjBF,CA0BH,C,CAED,MAAO,IAAMS,sBAAqB,CAAGrB,UAAU,CAC7CS,2BAD6C,CAAxC"}

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './ColorInputTypeChanger';

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export*from"./ColorInputTypeChanger";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorInputTypeChanger/index.ts"],"sourcesContent":["export * from './ColorInputTypeChanger';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ColorPickerInputProps } from '../ColorPickerInput';
+import { ColorInputFormat } from '../types';
+export type ColorInputTypeChangerProps<T> = Omit<ColorPickerInputProps<T>, 'format'> & {
+    format?: ColorInputFormat[] | ColorInputFormat;
+};
+export type ColorInputTypeChangerComponent = <T>(props: ColorInputTypeChangerProps<T>) => React.ReactElement;

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{};
2	+ //# sourceMappingURL=types.js.map

package/__internal__/src/components/ColorPicker/ColorInputTypeChanger/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorInputTypeChanger/types.ts"],"sourcesContent":["import { ColorPickerInputProps } from '../ColorPickerInput';\nimport { ColorInputFormat } from '../types';\n\nexport type ColorInputTypeChangerProps<T> = Omit<\n ColorPickerInputProps<T>,\n 'format'\n> & {\n format?: ColorInputFormat[] | ColorInputFormat;\n};\n\nexport type ColorInputTypeChangerComponent = <T>(\n props: ColorInputTypeChangerProps<T>,\n) => React.ReactElement;\n"],"mappings":""}

package/__internal__/src/components/ColorPicker/ColorMarker/ColorMarker.css ADDED Viewed

@@ -0,0 +1 @@

+ .ColorMarker{--marker-color:linear-gradient(to left,var(--color-picker-marker-color-with-alpha) 0%,var(--color-picker-marker-color-with-alpha) 50%,var(--color-picker-marker-color) 50%,var(--color-picker-marker-color) 100%);background-image:var(--marker-color),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05"><path d="M4 0h4v4H4zM0 4h4v4H0z"/></svg>'),linear-gradient(to left,#fff 0,#fff 100%);background-repeat:no-repeat,repeat;background-size:100% 100%,8px 8px;border:none;border-radius:var(--color-picker-marker-radius,none);display:flex;height:var(--color-picker-marker-size);outline:none;padding:0;position:relative;width:var(--color-picker-marker-size)}.ColorMarker_as_a,.ColorMarker_as_button{cursor:pointer}.ColorMarker_as_button:disabled{cursor:not-allowed}.ColorMarker_size_xs{--color-picker-marker-size:var(--space-m)}.ColorMarker_size_s{--color-picker-marker-size:var(--space-xl)}.ColorMarker_size_m{--color-picker-marker-size:var(--space-2xl)}.ColorMarker_size_l{--color-picker-marker-size:var(--space-3xl)}.ColorMarker_form_default{--color-picker-marker-radius:var(--control-radius)}.ColorMarker_form_round{--color-picker-marker-radius:calc(var(--color-picker-marker-size)/2)}.ColorMarker_active{outline:2px solid var(--color-control-bg-border-secondary)}.ColorMarker:after{border-radius:var(--color-picker-marker-radius);bottom:0;box-shadow:inset 0 0 0 1px var(--color-bg-border);content:"";left:0;position:absolute;right:0;top:0}.ColorMarker_withoutColor{--marker-color:linear-gradient(135deg,transparent 0%,transparent calc(50% - 1px),var(--color-typo-alert) calc(50% - 1px),var(--color-typo-alert) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}

package/__internal__/src/components/ColorPicker/ColorMarker/ColorMarker.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import './ColorMarker.css';
+import React from 'react';
+import { AsTags } from '../../../utils/types/AsTags';
+import { PropsWithAsAttributes } from '../../../utils/types/PropsWithAsAttributes';
+import { ColorModel } from '../types';
+export declare const cnColorMarker: import("@bem-react/classname").ClassNameFormatter;
+export type ColorMarkerProps<T, As extends AsTags = 'div'> = PropsWithAsAttributes<{
+    model: ColorModel<T>;
+    value: T | undefined | null;
+    active?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l';
+    as?: As;
+    form?: 'default' | 'brick' | 'round';
+}, As>;
+export type ColorMarkerComponent = <T, As extends AsTags = 'div'>(props: ColorMarkerProps<T, As>) => React.ReactElement;
+export declare const ColorMarker: ColorMarkerComponent;

package/__internal__/src/components/ColorPicker/ColorMarker/ColorMarker.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","active","size","className","style","as","form"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./ColorMarker.css";import React,{forwardRef}from"react";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{hsvaToHslaString,hsvaToHslString}from"../utils/convert";export var cnColorMarker=cn("ColorMarker");var ColorMarkerRender=function(a,b){var c,d=a.model,e=a.value,f=a.active,g=a.size,h=void 0===g?"m":g,i=a.className,j=a.style,k=a.as,l=void 0===k?"div":k,m=a.form,n=void 0===m?"default":m,o=_objectWithoutProperties(a,_excluded),p=e?d.toHsva(e):void 0,q=p?hsvaToHslString(p):void 0,r=p?hsvaToHslaString(p):void 0;return React.createElement(l,Object.assign({},o,{ref:b,className:cnColorMarker({size:h,active:f,form:n,withoutColor:!e,as:l},[f?void 0:cnMixFocus(),i]),style:_objectSpread(_objectSpread({},j),{},(c={},_defineProperty(c,"--color-picker-marker-color",q),_defineProperty(c,"--color-picker-marker-color-with-alpha",r),c))}))};export var ColorMarker=forwardRef(ColorMarkerRender);
2	+ //# sourceMappingURL=ColorMarker.js.map

package/__internal__/src/components/ColorPicker/ColorMarker/ColorMarker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorMarker.js","names":["React","forwardRef","cnMixFocus","cn","hsvaToHslaString","hsvaToHslString","cnColorMarker","ColorMarkerRender","ref","model","value","active","size","className","style","as","form","otherProps","hsva","toHsva","color","colorWithAlpha","withoutColor","ColorMarker"],"sources":["../../../../../../src/components/ColorPicker/ColorMarker/ColorMarker.tsx"],"sourcesContent":["import './ColorMarker.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\nimport { AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { ColorModel } from '../types';\nimport { hsvaToHslaString, hsvaToHslString } from '../utils/convert';\n\nexport const cnColorMarker = cn('ColorMarker');\n\nexport type ColorMarkerProps<\n T,\n As extends AsTags = 'div',\n> = PropsWithAsAttributes<\n {\n model: ColorModel<T>;\n value: T | undefined | null;\n active?: boolean;\n size?: 'xs' | 's' | 'm' | 'l';\n as?: As;\n form?: 'default' | 'brick' | 'round';\n },\n As\n>;\n\nexport type ColorMarkerComponent = <T, As extends AsTags = 'div'>(\n props: ColorMarkerProps<T, As>,\n) => React.ReactElement;\n\nconst ColorMarkerRender = <T,>(\n {\n model,\n value,\n active,\n size = 'm',\n className,\n style,\n as = 'div',\n form = 'default',\n ...otherProps\n }: ColorMarkerProps<T>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const hsva = value ? model.toHsva(value) : undefined;\n const color = hsva ? hsvaToHslString(hsva) : undefined;\n const colorWithAlpha = hsva ? hsvaToHslaString(hsva) : undefined;\n\n const Tag = as;\n\n return (\n <Tag\n {...otherProps}\n ref={ref}\n className={cnColorMarker(\n { size, active, form, withoutColor: !value, as },\n [active ? undefined : cnMixFocus(), className],\n )}\n style={{\n ...style,\n ['--color-picker-marker-color' as string]: color,\n ['--color-picker-marker-color-with-alpha' as string]: colorWithAlpha,\n }}\n />\n );\n};\n\nexport const ColorMarker = forwardRef(\n ColorMarkerRender,\n) as ColorMarkerComponent;\n"],"mappings":"00BAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAKA,OAASC,gBAAT,CAA2BC,eAA3B,wBAEA,MAAO,IAAMC,cAAa,CAAGH,EAAE,CAAC,aAAD,CAAxB,CAqBP,GAAMI,kBAAiB,CAAG,WAYxBC,CAZwB,CAarB,OAXDC,CAWC,GAXDA,KAWC,CAVDC,CAUC,GAVDA,KAUC,CATDC,CASC,GATDA,MASC,KARDC,IAQC,CARDA,CAQC,YARM,GAQN,GAPDC,CAOC,GAPDA,SAOC,CANDC,CAMC,GANDA,KAMC,KALDC,EAKC,CALDA,CAKC,YALI,KAKJ,OAJDC,IAIC,CAJDA,CAIC,YAJM,SAIN,GAHEC,CAGF,uCACGC,CAAI,CAAGR,CAAK,CAAGD,CAAK,CAACU,MAAN,CAAaT,CAAb,CAAH,OADf,CAEGU,CAAK,CAAGF,CAAI,CAAGb,eAAe,CAACa,CAAD,CAAlB,OAFf,CAGGG,CAAc,CAAGH,CAAI,CAAGd,gBAAgB,CAACc,CAAD,CAAnB,OAHxB,CAOH,MACE,qBAHUH,CAGV,kBACME,CADN,EAEE,GAAG,CAAET,CAFP,CAGE,SAAS,CAAEF,aAAa,CACtB,CAAEM,IAAI,CAAJA,CAAF,CAAQD,MAAM,CAANA,CAAR,CAAgBK,IAAI,CAAJA,CAAhB,CAAsBM,YAAY,CAAE,CAACZ,CAArC,CAA4CK,EAAE,CAAFA,CAA5C,CADsB,CAEtB,CAACJ,CAAM,QAAeT,UAAU,EAAhC,CAAoCW,CAApC,CAFsB,CAH1B,CAOE,KAAK,gCACAC,CADA,6BAEF,6BAFE,CAEwCM,CAFxC,oBAGF,wCAHE,CAGmDC,CAHnD,KAPP,GAcH,CAnCD,CAqCA,MAAO,IAAME,YAAW,CAAGtB,UAAU,CACnCM,iBADmC,CAA9B"}

package/__internal__/src/components/ColorPicker/ColorMarker/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './ColorMarker';

package/__internal__/src/components/ColorPicker/ColorMarker/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export*from"./ColorMarker";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorMarker/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorMarker/index.ts"],"sourcesContent":["export * from './ColorMarker';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPalette/ColorPalette.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorModel } from '../types';
+export type ColorPaletteProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    items: T[];
+    value?: T;
+    onChange?: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: 'xs' | 's' | 'm' | 'l';
+    form?: 'default' | 'brick' | 'round';
+}, HTMLDivElement>;
+export type ColorPaletteComponent = <T>(props: ColorPaletteProps<T>) => React.ReactElement;
+export declare const ColorPalette: ColorPaletteComponent;

package/__internal__/src/components/ColorPicker/ColorPalette/ColorPalette.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","items","value","onChange","size","form","className"];import{classnames}from"@bem-react/classnames";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{ColorMarker}from"../ColorMarker";import{hsvaToHsvaString}from"../utils/convert";var ColorPaletteRender=function(a,b){var c=a.model,d=a.items,e=a.value,f=a.onChange,g=a.size,h=void 0===g?"m":g,i=a.form,j=a.className,k=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},k,{className:classnames(j,cnMixFlex({flex:"flex",gap:"xs",wrap:"wrap"})),ref:b}),d.map(function(a){var b=hsvaToHsvaString(c.toHsva(a)),d=!!e&&hsvaToHsvaString(c.toHsva(e))===b;return React.createElement(ColorMarker,{as:"button",key:b,model:c,value:a,active:d,onClick:function onClick(b){return null===f\|\|void 0===f?void 0:f(a,b)},size:h,form:i})}))};export var ColorPalette=forwardRef(ColorPaletteRender);
2	+ //# sourceMappingURL=ColorPalette.js.map

package/__internal__/src/components/ColorPicker/ColorPalette/ColorPalette.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPalette.js","names":["classnames","React","forwardRef","cnMixFlex","ColorMarker","hsvaToHsvaString","ColorPaletteRender","ref","model","items","value","onChange","size","form","className","otherProps","flex","gap","wrap","map","item","itemHsvaString","toHsva","active","event","ColorPalette"],"sources":["../../../../../../src/components/ColorPicker/ColorPalette/ColorPalette.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { ColorMarker } from '../ColorMarker';\nimport { ColorModel } from '../types';\nimport { hsvaToHsvaString } from '../utils/convert';\n\nexport type ColorPaletteProps<T> = PropsWithHTMLAttributesAndRef<\n {\n model: ColorModel<T>;\n items: T[];\n value?: T;\n onChange?: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n size?: 'xs' | 's' | 'm' | 'l';\n form?: 'default' | 'brick' | 'round';\n },\n HTMLDivElement\n>;\n\nexport type ColorPaletteComponent = <T>(\n props: ColorPaletteProps<T>,\n) => React.ReactElement;\n\nconst ColorPaletteRender = <T,>(\n {\n model,\n items,\n value,\n onChange,\n size = 'm',\n form,\n className,\n ...otherProps\n }: ColorPaletteProps<T>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n return (\n <div\n {...otherProps}\n className={classnames(\n className,\n cnMixFlex({ flex: 'flex', gap: 'xs', wrap: 'wrap' }),\n )}\n ref={ref}\n >\n {items.map((item) => {\n const itemHsvaString = hsvaToHsvaString(model.toHsva(item));\n const active = value\n ? hsvaToHsvaString(model.toHsva(value)) === itemHsvaString\n : false;\n\n return (\n <ColorMarker\n as=\"button\"\n key={itemHsvaString}\n model={model}\n value={item}\n active={active}\n onClick={(event) => onChange?.(item, event)}\n size={size}\n form={form}\n />\n );\n })}\n </div>\n );\n};\n\nexport const ColorPalette = forwardRef(\n ColorPaletteRender,\n) as ColorPaletteComponent;\n"],"mappings":"kKAAA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,SAAT,6BAGA,OAASC,WAAT,sBAEA,OAASC,gBAAT,wBAkBA,GAAMC,mBAAkB,CAAG,WAWzBC,CAXyB,CAYtB,IAVDC,EAUC,GAVDA,KAUC,CATDC,CASC,GATDA,KASC,CARDC,CAQC,GARDA,KAQC,CAPDC,CAOC,GAPDA,QAOC,KANDC,IAMC,CANDA,CAMC,YANM,GAMN,GALDC,CAKC,GALDA,IAKC,CAJDC,CAIC,GAJDA,SAIC,CAHEC,CAGF,uCACH,MACE,4CACMA,CADN,EAEE,SAAS,CAAEf,UAAU,CACnBc,CADmB,CAEnBX,SAAS,CAAC,CAAEa,IAAI,CAAE,MAAR,CAAgBC,GAAG,CAAE,IAArB,CAA2BC,IAAI,CAAE,MAAjC,CAAD,CAFU,CAFvB,CAME,GAAG,CAAEX,CANP,GAQGE,CAAK,CAACU,GAAN,CAAU,SAACC,CAAD,CAAU,IACbC,EAAc,CAAGhB,gBAAgB,CAACG,CAAK,CAACc,MAAN,CAAaF,CAAb,CAAD,CADpB,CAEbG,CAAM,GAAGb,CAAH,EACRL,gBAAgB,CAACG,CAAK,CAACc,MAAN,CAAaZ,CAAb,CAAD,CAAhB,GAA0CW,CAH3B,CAMnB,MACE,qBAAC,WAAD,EACE,EAAE,CAAC,QADL,CAEE,GAAG,CAAEA,CAFP,CAGE,KAAK,CAAEb,CAHT,CAIE,KAAK,CAAEY,CAJT,CAKE,MAAM,CAAEG,CALV,CAME,OAAO,CAAE,iBAACC,CAAD,gBAAWb,CAAX,WAAWA,CAAX,QAAWA,CAAQ,CAAGS,CAAH,CAASI,CAAT,CAAnB,CANX,CAOE,IAAI,CAAEZ,CAPR,CAQE,IAAI,CAAEC,CARR,EAWH,CAlBA,CARH,CA6BH,CA3CD,CA6CA,MAAO,IAAMY,aAAY,CAAGvB,UAAU,CACpCI,kBADoC,CAA/B"}

package/__internal__/src/components/ColorPicker/ColorPalette/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './ColorPalette';

package/__internal__/src/components/ColorPicker/ColorPalette/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export*from"./ColorPalette";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPalette/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPalette/index.ts"],"sourcesContent":["export * from './ColorPalette';\n"],"mappings":"AAAA"}

package/__internal__/src/components/ColorPicker/ColorPicker/ColorPicker.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .ColorPicker:not(.ColorPicker_withAnchor) .ModalLayout-Slot:first-child>:first-child{padding-top:0}.ColorPicker:not(.ColorPicker_withAnchor) .ModalLayout-Slot:last-child>:last-child{padding-bottom:0}

package/__internal__/src/components/ColorPicker/ColorPicker/ColorPicker.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import './ColorPicker.css';
+import { ColorPickerComponent } from './types';
+export declare const ColorPicker: ColorPickerComponent;

package/__internal__/src/components/ColorPicker/ColorPicker/ColorPicker.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["model","value","anchorRef","controlRef","className","header","onChange","alpha","palette","paletteTitle","mainControl","format"];import"./ColorPicker.css";import React,{forwardRef}from"react";import{ModalLayout}from"../../Modal";import{Text}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{ColorPalette,ColorPickerBase}from"..";import{ColorInputTypeChanger}from"../ColorInputTypeChanger";import{ColorPickerRoot}from"../ColorPickerRoot";var cnColorPicker=cn("ColorPicker"),renderNode=function(a,b){return a?"string"==typeof a?React.createElement(Text,{className:b,size:"s",weight:"semibold"},a):React.createElement("div",{className:b},a):null},ColorPickerRender=function(a,b){var c,d=a.model,e=a.value,f=void 0===e?d.defaultColor:e,g=a.anchorRef,h=void 0===g?a.controlRef:g,i=a.controlRef,j=void 0===i?a.anchorRef:i,k=a.className,l=a.header,m=a.onChange,n=a.alpha,o=a.palette,p=a.paletteTitle,q=a.mainControl,r=!(void 0!==q)\|\|q,s=a.format,t=void 0===s?["hex","hsl","hsv","rgb"]:s,u=_objectWithoutProperties(a,_excluded),v=!!t&&0<(null===(c="string"==typeof t?[t]:t)\|\|void 0===c?void 0:c.length),w=h?"s":void 0;return React.createElement(ColorPickerRoot,Object.assign({},u,{ref:b,className:cnColorPicker({withAnchor:!!h},[k]),anchorRef:h,controlRef:j}),React.createElement(ModalLayout,{border:[!!l&&r,!!(null!==o&&void 0!==o&&o.length)]},renderNode(l,cnColorPicker("Header",cnMixSpace({pH:w,pV:"s"}))),r&&React.createElement(ColorPickerBase,{className:cnMixSpace({pH:w,pB:v?"xs":"s",pT:"l"}),model:d,value:f,onChange:m,alpha:n}),r&&t&&v?React.createElement(ColorInputTypeChanger,{className:cnMixSpace({pH:w,pB:"s"}),model:d,value:f,onChange:m,alpha:n,size:"xs",format:t}):null,o&&React.createElement(React.Fragment,null,renderNode(p,cnMixSpace({pH:w,pV:"s"})),React.createElement(ColorPalette,{className:cnMixSpace({pH:w,pB:"s",pT:p?void 0:"s"}),model:d,value:f,onChange:m,items:o,size:"xs"}))))};export var ColorPicker=forwardRef(ColorPickerRender);
2	+ //# sourceMappingURL=ColorPicker.js.map

package/__internal__/src/components/ColorPicker/ColorPicker/ColorPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPicker.js","names":["React","forwardRef","ModalLayout","Text","cnMixSpace","cn","ColorPalette","ColorPickerBase","ColorInputTypeChanger","ColorPickerRoot","cnColorPicker","renderNode","header","className","ColorPickerRender","props","ref","model","value","defaultColor","anchorRef","controlRef","onChange","alpha","palette","paletteTitle","mainControl","format","otherProps","formats","length","pH","withAnchor","pV","pB","pT","ColorPicker"],"sources":["../../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import './ColorPicker.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { ModalLayout } from '##/components/Modal';\nimport { Text } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { ColorPalette, ColorPickerBase } from '..';\nimport { ColorInputTypeChanger } from '../ColorInputTypeChanger';\nimport { ColorPickerRoot } from '../ColorPickerRoot';\nimport { ColorPickerComponent, ColorPickerProps } from './types';\n\nconst cnColorPicker = cn('ColorPicker');\n\nconst renderNode = (header: React.ReactNode, className?: string) => {\n if (!header) {\n return null;\n }\n if (typeof header === 'string') {\n return (\n <Text className={className} size=\"s\" weight=\"semibold\">\n {header}\n </Text>\n );\n }\n return <div className={className}>{header}</div>;\n};\n\nconst ColorPickerRender = <T,>(\n props: ColorPickerProps<T>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n model,\n value = model.defaultColor,\n anchorRef = props.controlRef,\n controlRef = props.anchorRef,\n className,\n header,\n onChange,\n alpha,\n palette,\n paletteTitle,\n mainControl = true,\n format = ['hex', 'hsl', 'hsv', 'rgb'],\n ...otherProps\n } = props;\n\n const formats = format\n ? (typeof format === 'string' ? [format] : format)?.length > 0\n : false;\n\n const pH = anchorRef ? 's' : undefined;\n\n return (\n <ColorPickerRoot\n {...otherProps}\n ref={ref}\n className={cnColorPicker({ withAnchor: !!anchorRef }, [className])}\n anchorRef={anchorRef}\n controlRef={controlRef}\n >\n <ModalLayout border={[!!header && mainControl, !!palette?.length]}>\n {renderNode(\n header,\n cnColorPicker('Header', cnMixSpace({ pH, pV: 's' })),\n )}\n {mainControl && (\n <ColorPickerBase\n className={cnMixSpace({\n pH,\n pB: formats ? 'xs' : 's',\n pT: 'l',\n })}\n model={model}\n value={value}\n onChange={onChange}\n alpha={alpha}\n />\n )}\n {mainControl && format && formats ? (\n <ColorInputTypeChanger\n className={cnMixSpace({\n pH,\n pB: 's',\n })}\n model={model}\n value={value}\n onChange={onChange}\n alpha={alpha}\n size=\"xs\"\n format={format}\n />\n ) : null}\n {palette && (\n <>\n {renderNode(paletteTitle, cnMixSpace({ pH, pV: 's' }))}\n <ColorPalette\n className={cnMixSpace({\n pH,\n pB: 's',\n pT: paletteTitle ? undefined : 's',\n })}\n model={model}\n value={value}\n onChange={onChange}\n items={palette}\n size=\"xs\"\n />\n </>\n )}\n </ModalLayout>\n </ColorPickerRoot>\n );\n};\n\nexport const ColorPicker = forwardRef(\n ColorPickerRender,\n) as ColorPickerComponent;\n"],"mappings":"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"}

package/__internal__/src/components/ColorPicker/ColorPicker/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './ColorPicker';
2	+ export * from './types';

package/__internal__/src/components/ColorPicker/ColorPicker/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ exportfrom"./ColorPicker";exportfrom"./types";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/ColorPicker/ColorPicker/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ColorPicker/ColorPicker/index.ts"],"sourcesContent":["export * from './ColorPicker';\nexport * from './types';\n"],"mappings":"AAAA,2BACA"}

package/__internal__/src/components/ColorPicker/ColorPicker/types.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Direction } from '../../Popover';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+import { ColorInputFormat, ColorModel } from '../types';
+export type ColorPickerPropForm = 'default' | 'brick' | 'round';
+export type ColorPickerProps<T> = PropsWithHTMLAttributesAndRef<{
+    model: ColorModel<T>;
+    value?: T;
+    onOpen?: (open: boolean) => void;
+    open?: boolean;
+    anchorRef?: React.RefObject<HTMLElement>;
+    controlRef?: React.RefObject<HTMLElement>;
+    direction?: Direction;
+    spareDirection?: Direction;
+    possibleDirections?: Direction[];
+    viewportRef?: React.RefObject<HTMLElement>;
+    header?: React.ReactNode;
+    onChange: (value: T) => void;
+    alpha?: boolean;
+    palette?: T[];
+    paletteTitle?: React.ReactNode;
+    mainControl?: boolean;
+    format?: ColorInputFormat[] | ColorInputFormat | false;
+}, HTMLDivElement>;
+export type ColorPickerComponent = <T>(props: ColorPickerProps<T>) => React.ReactNode | null;

package/__internal__/src/components/ColorPicker/ColorPicker/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{};
2	+ //# sourceMappingURL=types.js.map