ics-ui-kit 0.1.12 → 0.1.14

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../node_modules/.pnpm/@radix-ui+react-switch@1.2._f3fb04ca0cb9718d2dd2dba40e11ef1d/node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { narrowVariant, useComponentVariant } from \"@/providers/component-variant-context\";\r\n\r\nexport interface SwitchVariants {\r\n\tsize?: \"xs\" | \"sm\" | \"md\";\r\n\ttheme?: \"inverse\";\r\n}\r\n\r\n/**\r\n * Варианты стилей для компонента Switch\r\n */\r\nconst switchStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\r\n\t\t\t\"transition-colors\",\r\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\r\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\r\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\r\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\r\n\t\t],\r\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-soft-base transition-transform\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: {\r\n\t\t\t\troot: \"h-4 w-7\",\r\n\t\t\t\tthumb: \"h-3 w-3 data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t},\r\n\t\t\tsm: {\r\n\t\t\t\troot: \"h-5 w-9\",\r\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\troot: \"h-6 w-11\",\r\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t}\r\n\t\t},\r\n\t\ttheme: {\r\n\t\t\tinverse: {\r\n\t\t\t\troot: [\r\n\t\t\t\t\t\"focus-visible:shadow-inverse-focus\",\r\n\t\t\t\t\t\"data-[state=unchecked]:bg-inverse-active data-[state=unchecked]:hover:enabled:bg-inverse-muted\",\r\n\t\t\t\t\t\"data-[state=checked]:bg-inverse-primary-fg data-[state=checked]:hover:enabled:bg-inverse-secondary-fg\"\r\n\t\t\t\t],\r\n\t\t\t\tthumb: \"bg-inverse-primary-bg\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<SwitchVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchVariants;\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\tconst { variant } = useComponentVariant();\r\n\t\tconst theme = narrowVariant(variant, [\"inverse\"]);\r\n\t\tconst { root, thumb } = switchStyles({ size, theme });\r\n\r\n\t\treturn (\r\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\r\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\r\n\t\t\t</SwitchPrimitives.Root>\r\n\t\t);\r\n\t}\r\n);\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch };\r\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { Switch, SwitchProps } from \"../Switch\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface SwitchFieldVariants {\r\n\toutline?: boolean;\r\n\talignment?: \"left\" | \"right\";\r\n\tdisabled?: boolean;\r\n\terror?: boolean;\r\n}\r\n\r\nconst switchFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center gap-3\",\r\n\t\ttextContainer: \"flex flex-col gap-1\",\r\n\t\tlabelWrapper: \"flex h-4 items-center\",\r\n\t\tlabel: \"cursor-pointer\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg border border-secondary-border p-3 px-4\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\ttextContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start\" } }\r\n\t} satisfies VariantsConfig<SwitchFieldVariants & { withDescription?: boolean }>,\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\ntype SwitchFieldProps = SwitchProps &\r\n\tSwitchFieldVariants & {\r\n\t\tlabel?: string | React.ReactNode;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\r\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\ttextContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tlabelWrapper\r\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst switchId = id || `switch-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\r\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={textContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\r\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description size=\"xs\">{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport { SwitchField };\r\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","className","size","variant","useComponentVariant","theme","narrowVariant","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"switch.js","sources":["../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_@types+react-dom@18.3.6_@types+react@18.3.20__@types+react_f3fb04ca0cb9718d2dd2dba40e11ef1d/node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\nimport { tv } from \"tailwind-variants\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { narrowVariant, useComponentVariant } from \"@/providers/component-variant-context\";\n\nexport interface SwitchVariants {\n\tsize?: \"xs\" | \"sm\" | \"md\";\n\ttheme?: \"inverse\" | \"glass\";\n}\n\n/**\n * Варианты стилей для компонента Switch\n */\nconst switchStyles = tv({\n\tslots: {\n\t\troot: [\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\n\t\t\t\"transition-colors\",\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\n\t\t],\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-soft-base transition-transform\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\txs: {\n\t\t\t\troot: \"h-4 w-7\",\n\t\t\t\tthumb: \"h-3 w-3 data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\troot: \"h-5 w-9\",\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\troot: \"h-6 w-11\",\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t}\n\t\t},\n\t\ttheme: {\n\t\t\tinverse: {\n\t\t\t\troot: [\n\t\t\t\t\t\"focus-visible:shadow-inverse-focus\",\n\t\t\t\t\t\"data-[state=unchecked]:bg-inverse-active data-[state=unchecked]:hover:enabled:bg-inverse-muted\",\n\t\t\t\t\t\"data-[state=checked]:bg-inverse-primary-fg data-[state=checked]:hover:enabled:bg-inverse-secondary-fg\"\n\t\t\t\t],\n\t\t\t\tthumb: \"bg-inverse-primary-bg\"\n\t\t\t},\n\t\t\tglass: {\n\t\t\t\troot: \"data-[state=unchecked]:bg-primary-border\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<SwitchVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchVariants;\n\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n\t({ className, size, ...props }, ref) => {\n\t\tconst { variant } = useComponentVariant();\n\t\tconst theme = narrowVariant(variant, [\"inverse\", \"glass\"]);\n\t\tconst { root, thumb } = switchStyles({ size, theme });\n\n\t\treturn (\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\n\t\t\t</SwitchPrimitives.Root>\n\t\t);\n\t}\n);\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\nimport { tv } from \"tailwind-variants\";\nimport React, { useId } from \"react\";\nimport { FieldLabel } from \"@/components/label\";\nimport { Description } from \"@/components/description\";\nimport { Switch, SwitchProps } from \"../Switch\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface SwitchFieldVariants {\n\toutline?: boolean;\n\talignment?: \"left\" | \"right\";\n\tdisabled?: boolean;\n\terror?: boolean;\n}\n\nconst switchFieldStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex cursor-pointer items-center gap-3\",\n\t\ttextContainer: \"flex flex-col gap-1\",\n\t\tlabelWrapper: \"flex h-4 items-center\",\n\t\tlabel: \"cursor-pointer\"\n\t},\n\tvariants: {\n\t\toutline: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"rounded-lg border border-secondary-border p-3 px-4\"\n\t\t\t}\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"cursor-default\",\n\t\t\t\ttextContainer: \"opacity-50\",\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\n\t\t\t\tdescription: \"text-muted\"\n\t\t\t}\n\t\t},\n\t\terror: {\n\t\t\ttrue: {\n\t\t\t\tlabel: \"text-status-error\"\n\t\t\t}\n\t\t},\n\t\talignment: {\n\t\t\tleft: {},\n\t\t\tright: {\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\n\t\t\t}\n\t\t},\n\t\twithDescription: { true: { container: \"items-start\" } }\n\t} satisfies VariantsConfig<SwitchFieldVariants & { withDescription?: boolean }>,\n\tdefaultVariants: {\n\t\talignment: \"left\"\n\t}\n});\n\ntype SwitchFieldProps = SwitchProps &\n\tSwitchFieldVariants & {\n\t\tlabel?: string | React.ReactNode;\n\t\tdescription?: string;\n\t};\n\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\n\t\tconst {\n\t\t\tcontainer,\n\t\t\ttextContainer,\n\t\t\tlabel: labelStyles,\n\t\t\tlabelWrapper\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\n\n\t\tconst generatedId = useId();\n\t\tconst switchId = id || `switch-${generatedId}`;\n\n\t\treturn (\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\n\t\t\t\t{(label || description) && (\n\t\t\t\t\t<div className={textContainer()}>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</FieldLabel>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description && <Description size=\"xs\">{description}</Description>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nSwitchField.displayName = \"SwitchField\";\n\nexport { SwitchField };\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","className","size","variant","useComponentVariant","theme","narrowVariant","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/system-state.js

@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
 import i from "react";
 import { T as n } from "../index-BVqs-uqP.js";
 import { B as f } from "../Button-Dg89xRSi.js";
-import { e as y } from "../useBreakpoints-D8wKOvil.js";
+import { e as y } from "../useBreakpoints-DHvp74UL.js";
 const u = n({
   base: "flex w-full max-w-[343px] flex-col items-center text-center lg:max-w-[672px]"
 }), b = i.forwardRef(

package/dist/components/system-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-state.js","sources":["../../src/components/system-state/SystemState.tsx","../../src/components/system-state/components/SystemStateCode.tsx","../../src/components/system-state/components/SystemStateTitle.tsx","../../src/components/system-state/components/SystemStateDescription.tsx","../../src/components/system-state/components/SystemStateActions.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst systemStateStyles = tv({\r\n\tbase: \"flex w-full max-w-[343px] flex-col items-center text-center lg:max-w-[672px]\"\r\n});\r\n\r\nexport type SystemStateProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const SystemState = React.forwardRef<HTMLDivElement, SystemStateProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={systemStateStyles({ className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSystemState.displayName = \"SystemState\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst codeStyles = tv({\r\n\tbase: \"mb-8 align-middle text-sm font-medium text-muted\"\r\n});\r\n\r\nexport type SystemStateCodeProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const SystemStateCode = React.forwardRef<HTMLDivElement, SystemStateCodeProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={codeStyles({ className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSystemStateCode.displayName = \"SystemStateCode\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst titleStyles = tv({\r\n\tbase: \"leading-3xl lg:leading-5xl letter-spacing-[-0.02em] pb-4 text-center align-middle text-3xl font-bold lg:text-5xl\"\r\n});\r\n\r\nexport type SystemStateTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\n\r\nexport const SystemStateTitle = React.forwardRef<HTMLHeadingElement, SystemStateTitleProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\treturn <h2 ref={ref} className={titleStyles({ className })} {...props} />;\r\n\t}\r\n);\r\n\r\nSystemStateTitle.displayName = \"SystemStateTitle\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst descriptionStyles = tv({\r\n\tbase: \"leading-base max-w-s text-base font-normal text-muted lg:max-w-xl\"\r\n});\r\n\r\nexport type SystemStateDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const SystemStateDescription = React.forwardRef<HTMLDivElement, SystemStateDescriptionProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={descriptionStyles({ className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSystemStateDescription.displayName = \"SystemStateDescription\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Button, ButtonProps } from \"@/components/button/button/Button\";\r\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\r\n\r\nconst actionsStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"mt-8 flex w-full flex-col items-center gap-3 lg:flex-row lg:justify-center\",\r\n\t\tbutton: \"w-full lg:w-auto\"\r\n\t}\r\n});\r\n\r\nexport interface SystemStateActionsProps {\r\n\tclassName?: string;\r\n\tprimaryButton?: React.ReactNode;\r\n\tprimaryButtonProps?: ButtonProps;\r\n\tsecondaryButton?: React.ReactNode;\r\n\tsecondaryButtonProps?: ButtonProps;\r\n}\r\n\r\nexport const SystemStateActions = React.forwardRef<HTMLDivElement, SystemStateActionsProps>(\r\n\t({ className, primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps }, ref) => {\r\n\t\tconst isMobile = useIsMobile();\r\n\t\tconst { container, button } = actionsStyles();\r\n\r\n\t\tif (isMobile) {\r\n\t\t\tprimaryButtonProps = { ...primaryButtonProps, size: \"xl\", className: button({ className: className }) };\r\n\t\t\tsecondaryButtonProps = { ...secondaryButtonProps, size: \"xl\", className: button({ className: className }) };\r\n\t\t}\r\n\r\n\t\tconst primaryButtonElement = primaryButton && (\r\n\t\t\t<Button key=\"primary-button\" variant=\"primary\" {...primaryButtonProps}>\r\n\t\t\t\t{primaryButton}\r\n\t\t\t</Button>\r\n\t\t);\r\n\r\n\t\tconst secondaryButtonElement = secondaryButton && (\r\n\t\t\t<Button key=\"secondary-button\" variant=\"outline\" {...secondaryButtonProps}>\r\n\t\t\t\t{secondaryButton}\r\n\t\t\t</Button>\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={container({ class: className })}>\r\n\t\t\t\t{isMobile\r\n\t\t\t\t\t? [primaryButtonElement, secondaryButtonElement]\r\n\t\t\t\t\t: [secondaryButtonElement, primaryButtonElement]}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSystemStateActions.displayName = \"SystemStateActions\";\r\n"],"names":["systemStateStyles","tv","SystemState","React","className","children","props","ref","jsx","codeStyles","SystemStateCode","titleStyles","SystemStateTitle","descriptionStyles","SystemStateDescription","actionsStyles","SystemStateActions","primaryButton","secondaryButton","primaryButtonProps","secondaryButtonProps","isMobile","useIsMobile","container","button","primaryButtonElement","Button","secondaryButtonElement"],"mappings":";;;;;AAGA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWP,EAAkB,EAAE,WAAAI,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;AChB1B,MAAMO,IAAaR,EAAG;AAAA,EACrB,MAAM;AACP,CAAC,GAIYS,IAAkBP,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWE,EAAW,EAAE,WAAAL,GAAW,GAAI,GAAGE,GACvD,UAAAD,EACF,CAAA;AAGH;AAEAK,EAAgB,cAAc;AChB9B,MAAMC,IAAcV,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAIYW,IAAmBT,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAClB,gBAAAC,EAAC,MAAG,EAAA,KAAAD,GAAU,WAAWI,EAAY,EAAE,WAAAP,EAAW,CAAA,GAAI,GAAGE,GAAO;AAEzE;AAEAM,EAAiB,cAAc;ACZ/B,MAAMC,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYa,IAAyBX,EAAM;AAAA,EAC3C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWM,EAAkB,EAAE,WAAAT,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAS,EAAuB,cAAc;ACdrC,MAAMC,IAAgBd,EAAG;AAAA,EACxB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA;AAEV,CAAC,GAUYe,IAAqBb,EAAM;AAAA,EACvC,CAAC,EAAE,WAAAC,GAAW,eAAAa,GAAe,iBAAAC,GAAiB,oBAAAC,GAAoB,sBAAAC,KAAwBb,MAAQ;AACjG,UAAMc,IAAWC,EAAY,GACvB,EAAE,WAAAC,GAAW,QAAAC,EAAO,IAAIT,EAAc;AAE5C,IAAIM,MACkBF,IAAA,EAAE,GAAGA,GAAoB,MAAM,MAAM,WAAWK,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE,GAC/EgB,IAAA,EAAE,GAAGA,GAAsB,MAAM,MAAM,WAAWI,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE;AAGrG,UAAAqB,IAAuBR,KAC3B,gBAAAT,EAAAkB,GAAA,EAA4B,SAAQ,WAAW,GAAGP,GACjD,UAAAF,EAAA,GADU,gBAEZ,GAGKU,IAAyBT,KAC7B,gBAAAV,EAAAkB,GAAA,EAA8B,SAAQ,WAAW,GAAGN,GACnD,UAAAF,EAAA,GADU,kBAEZ;AAGD,6BACE,OAAI,EAAA,KAAAX,GAAU,WAAWgB,EAAU,EAAE,OAAOnB,EAAU,CAAC,GACtD,UAAAiB,IACE,CAACI,GAAsBE,CAAsB,IAC7C,CAACA,GAAwBF,CAAoB,GACjD;AAAA,EAAA;AAGH;AAEAT,EAAmB,cAAc;"}
+{"version":3,"file":"system-state.js","sources":["../../src/components/system-state/SystemState.tsx","../../src/components/system-state/components/SystemStateCode.tsx","../../src/components/system-state/components/SystemStateTitle.tsx","../../src/components/system-state/components/SystemStateDescription.tsx","../../src/components/system-state/components/SystemStateActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst systemStateStyles = tv({\n\tbase: \"flex w-full max-w-[343px] flex-col items-center text-center lg:max-w-[672px]\"\n});\n\nexport type SystemStateProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemState = React.forwardRef<HTMLDivElement, SystemStateProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={systemStateStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemState.displayName = \"SystemState\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst codeStyles = tv({\n\tbase: \"mb-8 align-middle text-sm font-medium text-muted\"\n});\n\nexport type SystemStateCodeProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemStateCode = React.forwardRef<HTMLDivElement, SystemStateCodeProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={codeStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateCode.displayName = \"SystemStateCode\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst titleStyles = tv({\n\tbase: \"leading-3xl lg:leading-5xl letter-spacing-[-0.02em] pb-4 text-center align-middle text-3xl font-bold lg:text-5xl\"\n});\n\nexport type SystemStateTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const SystemStateTitle = React.forwardRef<HTMLHeadingElement, SystemStateTitleProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn <h2 ref={ref} className={titleStyles({ className })} {...props} />;\n\t}\n);\n\nSystemStateTitle.displayName = \"SystemStateTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst descriptionStyles = tv({\n\tbase: \"leading-base max-w-s text-base font-normal text-muted lg:max-w-xl\"\n});\n\nexport type SystemStateDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemStateDescription = React.forwardRef<HTMLDivElement, SystemStateDescriptionProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={descriptionStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateDescription.displayName = \"SystemStateDescription\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, ButtonProps } from \"@/components/button/button/Button\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\n\nconst actionsStyles = tv({\n\tslots: {\n\t\tcontainer: \"mt-8 flex w-full flex-col items-center gap-3 lg:flex-row lg:justify-center\",\n\t\tbutton: \"w-full lg:w-auto\"\n\t}\n});\n\nexport interface SystemStateActionsProps {\n\tclassName?: string;\n\tprimaryButton?: React.ReactNode;\n\tprimaryButtonProps?: ButtonProps;\n\tsecondaryButton?: React.ReactNode;\n\tsecondaryButtonProps?: ButtonProps;\n}\n\nexport const SystemStateActions = React.forwardRef<HTMLDivElement, SystemStateActionsProps>(\n\t({ className, primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps }, ref) => {\n\t\tconst isMobile = useIsMobile();\n\t\tconst { container, button } = actionsStyles();\n\n\t\tif (isMobile) {\n\t\t\tprimaryButtonProps = { ...primaryButtonProps, size: \"xl\", className: button({ className: className }) };\n\t\t\tsecondaryButtonProps = { ...secondaryButtonProps, size: \"xl\", className: button({ className: className }) };\n\t\t}\n\n\t\tconst primaryButtonElement = primaryButton && (\n\t\t\t<Button key=\"primary-button\" variant=\"primary\" {...primaryButtonProps}>\n\t\t\t\t{primaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\tconst secondaryButtonElement = secondaryButton && (\n\t\t\t<Button key=\"secondary-button\" variant=\"outline\" {...secondaryButtonProps}>\n\t\t\t\t{secondaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn (\n\t\t\t<div ref={ref} className={container({ class: className })}>\n\t\t\t\t{isMobile\n\t\t\t\t\t? [primaryButtonElement, secondaryButtonElement]\n\t\t\t\t\t: [secondaryButtonElement, primaryButtonElement]}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateActions.displayName = \"SystemStateActions\";\n"],"names":["systemStateStyles","tv","SystemState","React","className","children","props","ref","jsx","codeStyles","SystemStateCode","titleStyles","SystemStateTitle","descriptionStyles","SystemStateDescription","actionsStyles","SystemStateActions","primaryButton","secondaryButton","primaryButtonProps","secondaryButtonProps","isMobile","useIsMobile","container","button","primaryButtonElement","Button","secondaryButtonElement"],"mappings":";;;;;AAGA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWP,EAAkB,EAAE,WAAAI,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;AChB1B,MAAMO,IAAaR,EAAG;AAAA,EACrB,MAAM;AACP,CAAC,GAIYS,IAAkBP,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWE,EAAW,EAAE,WAAAL,GAAW,GAAI,GAAGE,GACvD,UAAAD,EACF,CAAA;AAGH;AAEAK,EAAgB,cAAc;AChB9B,MAAMC,IAAcV,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAIYW,IAAmBT,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAClB,gBAAAC,EAAC,MAAG,EAAA,KAAAD,GAAU,WAAWI,EAAY,EAAE,WAAAP,EAAW,CAAA,GAAI,GAAGE,GAAO;AAEzE;AAEAM,EAAiB,cAAc;ACZ/B,MAAMC,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYa,IAAyBX,EAAM;AAAA,EAC3C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWM,EAAkB,EAAE,WAAAT,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAS,EAAuB,cAAc;ACdrC,MAAMC,IAAgBd,EAAG;AAAA,EACxB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA;AAEV,CAAC,GAUYe,IAAqBb,EAAM;AAAA,EACvC,CAAC,EAAE,WAAAC,GAAW,eAAAa,GAAe,iBAAAC,GAAiB,oBAAAC,GAAoB,sBAAAC,KAAwBb,MAAQ;AACjG,UAAMc,IAAWC,EAAY,GACvB,EAAE,WAAAC,GAAW,QAAAC,EAAO,IAAIT,EAAc;AAE5C,IAAIM,MACkBF,IAAA,EAAE,GAAGA,GAAoB,MAAM,MAAM,WAAWK,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE,GAC/EgB,IAAA,EAAE,GAAGA,GAAsB,MAAM,MAAM,WAAWI,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE;AAGrG,UAAAqB,IAAuBR,KAC3B,gBAAAT,EAAAkB,GAAA,EAA4B,SAAQ,WAAW,GAAGP,GACjD,UAAAF,EAAA,GADU,gBAEZ,GAGKU,IAAyBT,KAC7B,gBAAAV,EAAAkB,GAAA,EAA8B,SAAQ,WAAW,GAAGN,GACnD,UAAAF,EAAA,GADU,kBAEZ;AAGD,6BACE,OAAI,EAAA,KAAAX,GAAU,WAAWgB,EAAU,EAAE,OAAOnB,EAAU,CAAC,GACtD,UAAAiB,IACE,CAACI,GAAsBE,CAAsB,IAC7C,CAACA,GAAwBF,CAAoB,GACjD;AAAA,EAAA;AAGH;AAEAT,EAAmB,cAAc;"}

package/dist/components/table/Table.d.ts

@@ -1,7 +1,41 @@
 import { ScrollShadowContainerProps } from '../scroll-shadow-container/ScrollShadowContainer';
 import * as React from "react";
-export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
-export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & {
+    containerClassName?: string;
+    containerRef?: React.Ref<HTMLDivElement>;
+};
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
+    containerClassName?: string;
+    containerRef?: React.Ref<HTMLDivElement>;
+} & React.RefAttributes<HTMLTableElement>>;
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    /**
+     * Шапка остаётся на месте при вертикальной прокрутке.
+     *
+     * Прокручивается контейнер таблицы, поэтому ему нужна ограниченная высота
+     * (`containerClassName="max-h-80"`): без неё прокручивать нечего и `position: sticky`
+     * ничего не делает.
+     *
+     * Проп, а не набор классов в `className`, потому что вместе со `sticky` требуется
+     * `z-index`, согласованный с закреплёнными колонками, — это знание кита, а не
+     * потребителя (см. `STICKY_HEADER`).
+     */
+    sticky?: boolean;
+};
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & {
+    /**
+     * Шапка остаётся на месте при вертикальной прокрутке.
+     *
+     * Прокручивается контейнер таблицы, поэтому ему нужна ограниченная высота
+     * (`containerClassName="max-h-80"`): без неё прокручивать нечего и `position: sticky`
+     * ничего не делает.
+     *
+     * Проп, а не набор классов в `className`, потому что вместе со `sticky` требуется
+     * `z-index`, согласованный с закреплёнными колонками, — это знание кита, а не
+     * потребителя (см. `STICKY_HEADER`).
+     */
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableSectionElement>>;
 export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 export type TableBodyContainerProps = React.HTMLAttributes<HTMLTableSectionElement> & {
     containerClassName?: string;
@@ -11,8 +45,78 @@ export declare const TableBodyContainer: React.ForwardRefExoticComponent<React.H
     containerClassName?: string;
     shadowSize?: ScrollShadowContainerProps["shadowSize"];
 } & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    /**
+     * Итоги остаются на месте при вертикальной прокрутке.
+     *
+     * Зеркало `sticky` у `TableHeader`, и требует того же: прокручивается контейнер таблицы,
+     * поэтому у него должна быть ограниченная высота — без неё прокручивать нечего.
+     *
+     * Проп, а не классы в `className`, по той же причине, что и у шапки: вместе со `sticky`
+     * нужен `z-index`, согласованный с закреплёнными колонками (см. `STICKY_FOOTER`).
+     */
+    sticky?: boolean;
+};
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & {
+    /**
+     * Итоги остаются на месте при вертикальной прокрутке.
+     *
+     * Зеркало `sticky` у `TableHeader`, и требует того же: прокручивается контейнер таблицы,
+     * поэтому у него должна быть ограниченная высота — без неё прокручивать нечего.
+     *
+     * Проп, а не классы в `className`, по той же причине, что и у шапки: вместе со `sticky`
+     * нужен `z-index`, согласованный с закреплёнными колонками (см. `STICKY_FOOTER`).
+     */
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableSectionElement>>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+/**
+ * Строка таблицы.
+ *
+ * **Как перекрасить.** Обычными классами: `className="bg-… hover:bg-…"`. Они выигрывают
+ * штатно — ни `!important`, ни повторения модификаторов не нужно. Кто хочет сохранить
+ * встроенное наведение и подменить только палитру — выставляет переменные `--table-row-bg`
+ * и `--table-row-bg-hover`.
+ *
+ * **Как подсветить.** Слоями: `style={tableRowTints(…)}`, готовые цвета — в `TABLE_ROW_TINT`.
+ * Слои складываются друг с другом и ложатся поверх заливки, какой бы она ни была, поэтому
+ * подсветка и перекраска не конфликтуют. Подробности — в `rowTint.ts`.
+ *
+ * **Почему цвет читают отдельные классы, а не состояния.** Раньше `base` красил строку
+ * четырьмя классами (`hover:bg-*`, `data-[state=selected]:bg-*`,
+ * `data-[state=selected]:hover:bg-*`), и перебить их снаружи было нечем: `tailwind-merge`
+ * снимает конфликт только между классами с одинаковым набором модификаторов, поэтому `bg-x`
+ * из `className` не вытеснял ни один из них, а `data-[state=selected]:bg-*` вдобавок выигрывал
+ * по специфичности — 0,2,0 против 0,1,0. Потребителю приходилось вручную повторять все четыре
+ * комбинации модификаторов.
+ */
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {
+    /**
+     * Вся ячейка — интерактивная зона: меняет фон на наведении и на раскрытом меню,
+     * и снимает собственный паддинг в пользу растянутого на всю ячейку триггера.
+     */
+    interactive?: boolean;
+};
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
+    /**
+     * Вся ячейка — интерактивная зона: меняет фон на наведении и на раскрытом меню,
+     * и снимает собственный паддинг в пользу растянутого на всю ячейку триггера.
+     */
+    interactive?: boolean;
+} & React.RefAttributes<HTMLTableCellElement>>;
 export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export type TableResizeHandleProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Держит индикатор подсвеченным во время drag-сессии, когда курсор уже ушёл с ручки. */
+    active?: boolean;
+};
+/**
+ * Зона захвата для ресайза колонки. Кладётся внутрь `TableHead`, которому нужен `relative`.
+ * Саму ширину не считает — работает в паре с `useColumnResize` из `./column-resize`.
+ * Работает только если у `TableHead` нет `overflow: hidden`.
+ */
+export declare const TableResizeHandle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Держит индикатор подсвеченным во время drag-сессии, когда курсор уже ушёл с ручки. */
+    active?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;

package/dist/components/table/Table.stories.d.ts

@@ -3,13 +3,289 @@ import { Table } from './Table';
 declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
-export declare const Default: Story;
-export declare const WithCheckboxes: Story;
-export declare const WithActions: Story;
-export declare const WithDropdownMenu: Story;
-export declare const WithSortableHeaders: Story;
-export declare const WithFooter: Story;
-export declare const LargeDataExample: Story;
+export declare const TableBase: Story;
+/**
+ * Подсветка строк слоями. Механизм целиком описан в разделе «Раскраска строк».
+ *
+ * В примере три прикладных состояния: выделение чекбоксом, деактивация и просрочка.
+ * Для первых двух взяты готовые цвета кита (`TABLE_ROW_TINT`), для просрочки рядом положен
+ * свой — `hsl(var(--status-warning) / 12%)`. Колонка «Слои» перечисляет то, что применено
+ * к строке; на последней строке сходятся все три и видны разом.
+ *
+ * Две нижние строки вдобавок перекрашены целиком — своя заливка через
+ * `className="bg-… hover:bg-…"`. Слои ложатся на них так же, как на строки со штатной
+ * заливкой, и наведение продолжает работать.
+ */
+export declare const RowTints: StoryObj;
 export declare const ScrollableTable: Story;
-export declare const WithScrollShadow: Story;
-export declare const EmptyState: Story;
+/**
+ * Итоговая строка и подпись таблицы.
+ *
+ * **Почему итоги — `TableFooter`, а не последняя строка тела.** Итог не запись, а сводка
+ * по записям, и из `tbody` он должен выпадать сам собой: сортировка, фильтр, выделение
+ * и «отметить все» работают со строками тела, и особая последняя строка каждый раз была бы
+ * исключением, про которое надо помнить. Скринридер читает `tfoot` так же — как итог,
+ * а не как ещё одного дистрибьютора.
+ *
+ * Считает итоги вызывающая сторона: кит не знает, что складывать, что усреднять, а что
+ * не сводится вовсе. Здесь суммируются штуки и рубли, а рост оставлен прочерком — среднее
+ * по процентам без весов врёт, и честнее показать это прямо в примере.
+ *
+ * Верхнюю линию итогов рисуют ячейки, а не сам `tfoot`: в раздельной модели границ
+ * (`border-separate` у `Table`) собственная граница групп строк игнорируется.
+ *
+ * **Подпись — `caption`, а не абзац рядом с таблицей.** `caption` связан с таблицей
+ * разметкой, а не соседством: скринридер называет им таблицу при входе, а перенос таблицы
+ * в другое место не оставляет подпись позади. Стоит она под таблицей (`caption-bottom`
+ * у `Table`) — сверху обычно уже есть заголовок раздела, и вторая надпись спорила бы с ним.
+ */
+export declare const TotalsAndCaption: Story;
+/**
+ * Итоги, которые не уезжают: `sticky` у шапки держит её у верха контейнера, `sticky` у итогов —
+ * у низа. Между ними прокручивается тело.
+ *
+ * Прокручивается при этом контейнер таблицы, как в «Scrollable Table», поэтому таблица
+ * остаётся таблицей: ширины колонок считает браузер, `colSpan` в итогах работает, разметка
+ * ничем не отличается от обычной. Обоим пропам нужна ограниченная высота у контейнера
+ * (`containerClassName="h-80"`): без неё прокручивать нечего, а `position: sticky` без
+ * прокрутки ничего не делает.
+ *
+ * Слой у шапки и итогов один (`z-20`): друг с другом они не спорят — стоят по разные стороны
+ * тела, — но оба обязаны перекрывать проезжающие под ними строки.
+ */
+export declare const StickyTotals: Story;
+/**
+ * Прокрутка по обеим осям: шапка прилипает сверху, первые две колонки — слева.
+ *
+ * Закреплённых колонок две, поэтому `left` второй равен ширине первой (`ACCOUNT_WIDTH`).
+ * Случай, когда ширины меняются на ходу, разобран в «Sticky + Resizable Columns».
+ *
+ * Ширину таблице диктует `w-max`: она растягивается по содержимому, а незакреплённые
+ * колонки сами берут нужный размер.
+ */
+export declare const StickyColumns: Story;
+type ResizableColumnsArgs = {
+    handleScope: "header" | "table";
+};
+/**
+ * Ресайз колонок перетаскиванием и автофит по двойному клику.
+ *
+ * Колонка «Условия работы» специально многострочная: автофит и `table-layout: fixed`
+ * проверяются в том числе на переносе текста.
+ *
+ * Заголовок обрезается вложенным `<span>`: `overflow: hidden` на самой ячейке срезал бы
+ * выступающую половину зоны захвата, и граница колонки перестала бы ловить курсор.
+ *
+ * `handleScope` переключает зону захвата. `header` — ручка только в шапке. `table` — ещё
+ * и в каждой ячейке тела, так что вдоль всей границы колонки получается непрерывная полоса,
+ * как в Excel.
+ *
+ * Полоса собрана из посегментных ручек намеренно. Растянуть одну ручку из шапки на всю
+ * высоту нельзя: она позиционирована абсолютно, и большая высота раздувает `scrollHeight`
+ * контейнера, добавляя пустую вертикальную прокрутку. Вариант с замером высоты таблицы
+ * через `ResizeObserver` добавляет к сторибучному примеру наблюдатель и лишний ререндер
+ * на каждое изменение размера — тут это не окупается. Цена посегментного варианта —
+ * по ручке на ячейку; для больших таблиц её стоит заменить на оверлей поверх таблицы.
+ *
+ * Чтобы подсвечивалась граница целиком, наведённая колонка хранится в состоянии
+ * и раздаётся всем её ручкам через `active`.
+ *
+ * Обёртке заданы `w-fit max-w-full`: по умолчанию она `w-full` и, когда таблица уже
+ * контейнера, справа остаётся пустая рамка. `w-fit` прижимает её к ширине таблицы,
+ * `max-w-full` не даёт вылезти за экран и включает горизонтальную прокрутку,
+ * когда колонки растянули шире доступного места.
+ */
+export declare const ResizableColumns: StoryObj<ResizableColumnsArgs>;
+type StickyResizableColumnsArgs = {
+    pinnedCount: number;
+};
+/**
+ * Закреплённые колонки вместе с изменяемой шириной.
+ *
+ * Переключатель числа закреплённых колонок здесь ради того, что начинается со второй
+ * колонки: её `left` равен **сумме ширин всех предыдущих закреплённых**, и у каждой
+ * следующей значение своё. Считает его `stickyOffset`. Под заголовком закреплённой колонки
+ * показано текущее значение — переключите количество и посмотрите, как растёт ряд.
+ * Минимальный случай с одной колонкой и константой `left-0` — в «Sticky Columns».
+ *
+ * Отсюда два следствия, которые видны начиная со второй колонки:
+ *
+ * 1. Ширины обязаны быть известны заранее, поэтому таблице нужен `table-layout: fixed`.
+ *    При `auto` браузер считает ширины по содержимому, заданные значения игнорирует,
+ *    и вычисленный `left` промахивается.
+ * 2. Закреплённые колонки должны помещаться в контейнер — они занимают его левый край
+ *    насовсем. Закрепите четыре и сузьте окно: прокручивать станет нечего.
+ *
+ * **Как это уживается с ресайзом.** Ширины берутся из `useColumnResize` — того же источника,
+ * которым таблица задаёт `width` колонкам, так что после каждой правки `left` пересчитывается
+ * сам. Есть ровно одна шероховатость: **во время** перетаскивания ручки хук пишет ширину прямо
+ * в DOM и React не трогает, поэтому вычисленный из состояния `left` отстаёт до отпускания
+ * кнопки — следующая закреплённая колонка на это время наезжает на предыдущую.
+ *
+ * Лечится тем же приёмом с другой стороны: пока ручку тянут, `left` дописывается прямо в DOM
+ * на тех же событиях мыши — тоже без единого ререндера. Слушатель вешается поверх
+ * `getResizeHandleProps` и снимается на `mouseup`; менять ширину закреплённой колонки больше
+ * нечему, поэтому наблюдать за раскладкой целиком (`ResizeObserver`) незачем.
+ */
+export declare const StickyResizableColumns: StoryObj<StickyResizableColumnsArgs>;
+/**
+ * Ресайз плюс перетаскивание колонок.
+ *
+ * Перетаскивание — `useColumnReorder`: колонка едет за курсором, соседи разъезжаются,
+ * отпускание укладывает её в новый слот. Разбор, почему здесь это дешевле DnD-библиотеки,
+ * лежит в документации самого хука.
+ *
+ * Драг начинается с грипа: нажатие по всей ячейке конфликтовало бы с ресайзером, который
+ * тоже стартует в шапке.
+ *
+ * Размер шрифта оставлен `text-xs` от таблицы. В макете этот вариант шапки нарисован
+ * в размере `sm` (14/20), но вся остальная таблица собрана в `xs` (12/16), и мешать
+ * их в одной таблице было бы хуже, чем разойтись с документационным фреймом.
+ */
+export declare const ReorderableColumns: StoryObj;
+/**
+ * Инлайн-редактирование: выделение диапазона, копирование, автозаполнение, readonly.
+ *
+ * Внешний вид сетки лежит в модуле `editable`: заливку ячейки даёт `cellStateStyles`, рамку
+ * диапазона — `cellRangeEdges`, ручку — `TableFillHandle`, поле правки — `cellEditorStyles`.
+ * Здесь остаётся механика: выделение, клавиатура, буфер обмена, автозаполнение.
+ *
+ * Состояния взяты из макета `Table / Cell` и разложены по токенам кита:
+ *
+ * | состояние  | токен |
+ * |------------|-------|
+ * | read-only  | `bg-secondary-bg-hover` (#f1f5f9) |
+ * | selected   | рамка 2px `--primary-accent` по краю диапазона |
+ * | editing    | `bg-status-warning-bg-hover` (#ffedd5) + `shadow-focus` |
+ * | modified   | `bg-status-warning-bg-hover` (#ffedd5) |
+ * | fill-source| `bg-primary-bg-hover` (#e2e8f0) |
+ * | drag-range | рамка 1px `--primary-border` (#cbd5e1) с альфой 0.75 |
+ *
+ * Копирование отдаёт TSV: так вставка попадает в Excel и Google Sheets по ячейкам.
+ * `navigator.clipboard` в iframe Storybook может быть недоступен, поэтому есть запасной
+ * путь через скрытую `textarea` и `execCommand`.
+ *
+ * Над таблицей — `Toolbar` с откатом правок. Кнопка недоступна, пока правок нет, и держит
+ * в подписи их число: отмена оптом требует понимания, сколько именно будет потеряно.
+ * Откат возвращает исходные данные вместе с признаком изменённых ячеек и состоянием
+ * редактирования, поэтому таблица приходит ровно в тот вид, с которого стори открывается.
+ *
+ * **Каретка в точку двойного клика.** Поле ввода появляется уже после клика, поэтому
+ * по умолчанию каретка встаёт в начало. Координата запоминается на `dblclick` и применяется
+ * при фокусе через `placeCaretAtPoint` (`lib/utils/dom`). Содержимое `input` лежит вне
+ * DOM-дерева, и `caretPositionFromPoint` вернул бы сам элемент, поэтому индекс считается
+ * измерением текста на canvas. Приём взят из MDT (`_core/scripts/helpers/utils/placeCaret.ts`,
+ * применение — `inline/scripts/transformers/CellTransformer.ts`).
+ *
+ * У числовых колонок каретка может промахнуться на пару пикселей: на экране стоит
+ * отформатированное значение с разделителем разрядов, а в поле — сырое число, и ширины
+ * строк слегка разъезжаются.
+ *
+ * **Многострочная колонка.** «Комментарий» хранит текст с переносами и правится редактируемым
+ * `div` (`MultilineCellEditor`): у `textarea` собственная высота и свой скролл, из-за чего
+ * ячейка прыгала бы при входе в правку и держала бы фиксированный размер по мере набора.
+ * Каретка ставится штатным `caretPositionFromPoint` (`placeCaretAtClientPoint`) — содержимое
+ * `div` есть в DOM, поэтому точка попадает в нужную строку.
+ * Enter сохраняет, перенос — Shift+Enter или Alt+Enter, как в Excel. Вставка из буфера
+ * принудительно приводится к тексту: иначе `contenteditable` примет чужую разметку.
+ *
+ * В режиме просмотра текст обрезан тремя строками, чтобы одна ячейка не задирала высоту всей
+ * строки; из-за этого двойной клик по обрезанной третьей строке может поставить каретку
+ * на пару символов мимо. Копирование отдаёт такие значения в кавычках, по правилу CSV —
+ * иначе перенос развалил бы строку TSV при вставке.
+ *
+ * **Клавиатура.** Раскладка снята с MDT и Excel:
+ *
+ * | клавиши | действие |
+ * |---------|----------|
+ * | стрелки | активная ячейка; Shift — расширить выделение, Ctrl — прыжок к краю |
+ * | Home / End | первая / последняя колонка, с Ctrl — ещё и строка |
+ * | Enter, Tab | сохранить и перейти (Shift — в обратную сторону) |
+ * | F2 | редактирование, каретка в конце |
+ * | любой символ | быстрое редактирование: набранное заменяет значение |
+ * | Escape | отменить правку, иначе — снять выделение |
+ * | Delete | очистить выделенные ячейки |
+ * | Ctrl+C | скопировать выделение как TSV |
+ *
+ * Ключевое различие — «полное» и «быстрое» редактирование (`EditState.full`): в первом
+ * стрелки двигают каретку внутри поля, во втором сохраняют и переводят ячейку. Enter и Tab
+ * переводят активную ячейку, как в Excel.
+ *
+ * Tab перехватывается только при наличии активной ячейки — иначе фокус запирался бы
+ * в таблице. Выход с клавиатуры: Escape снимает выделение, следующий Tab уводит дальше.
+ */
+export declare const InlineEditing: StoryObj;
+/**
+ * Список пользователей с шапкой раздела и тулбаром.
+ *
+ * Выделение чекбоксами и меню «Активность», которое реально включает и выключает
+ * отмеченные строки. Обе подсветки — слои `tableRowTints()` с готовыми цветами кита
+ * (`TABLE_ROW_TINT`); строка о состояниях ничего не знает, их собирает прикладной код.
+ *
+ * Слои складываются альфами, поэтому выделенная деактивированная строка видна и как
+ * выделенная, и как деактивированная. Так и должно быть — выделяют её обычно затем,
+ * чтобы включить обратно.
+ *
+ * Часть строк деактивирована и выделена изначально — так оба состояния видно сразу.
+ * Индексы деактивированных те же, что на макете. После применения действия выделение
+ * сбрасывается — так же, как на макете, где чекбоксы уже сняты.
+ *
+ * Контент — простой текст, как в остальных стори; бейджи и селекты из макета остаются
+ * отдельной задачей.
+ */
+export declare const UserListWithToolbar: StoryObj;
+/**
+ * Колоночное меню: быстрый поиск, сортировка и фильтр по значениям.
+ *
+ * **Триггер — вся ячейка шапки**: заголовок сам служит кнопкой. Разметка триггера вместе
+ * с разбором, почему кликабельна кнопка внутри `th`, вынесена в `ColumnHeaderMenu`
+ * (`tableStoryParts.tsx`).
+ *
+ * **Фон ячейки** — два токена из макета шапки: наведение `secondary-bg-hover`, раскрытое
+ * меню `primary-bg-hover` (насыщеннее). Оба живут в `TableHead` под флагом `interactive`.
+ *
+ * **Содержимое меню** повторяет макет `Results`: группа сортировки, разделитель, группа
+ * фильтра с поиском по значениям и списком галочек, разделитель, «Очистить все». Сверху
+ * добавлена группа быстрого поиска по подстроке. Всё собрано из готовых примитивов кита —
+ * `DropdownMenuGroup` / `DropdownMenuLabel` / `DropdownMenuSearchItem` /
+ * `DropdownMenuRadioGroup` / `DropdownMenuCheckboxItem` / `DropdownMenuSeparator`;
+ * длинный список значений прокручивается в `ScrollShadowContainer`.
+ *
+ * Список галочек строится по всем строкам таблицы: при построении по видимым снятая галочка
+ * убирала бы из списка саму себя, и вернуть её было бы нечем.
+ */
+export declare const ColumnMenu: StoryObj;
+/**
+ * Иерархия строк с линиями связи.
+ *
+ * **Отрисовка.** Ячейка — `position: relative` с растущим по глубине `padding-left`, внутри
+ * абсолютно позиционированные спаны толщиной 1px. Вертикали выходят за padding-box на 1px
+ * сверху и снизу: нижняя граница ячейки лежит вне его, и вынос делает линию сплошной.
+ * У `end` вертикаль обрывается на коннекторе — это и даёт уголок. Спуск к первому потомку
+ * рисует строка родителя: вертикаль потомка начинается от его собственной строки, поэтому
+ * участок под раскрывателем остаётся за родителем.
+ *
+ * Коннектор привязан к центру первой строки текста: при переносе длинной подписи он
+ * остаётся напротив узла.
+ *
+ * Раскрыватель центрируется точно на вертикали своего уровня
+ * (`padding-left = treeLineX(level) - TREE_TOGGLE / 2`), поэтому линии детей выходят ровно
+ * из его центра. У листьев на его месте распорка той же ширины, чтобы подписи соседних
+ * строк стояли на одной вертикали. Сторона квадрата равна стороне чекбокса, а зона нажатия
+ * расширена до 24px невидимым псевдоэлементом: сам квадрат остаётся на сетке линий.
+ *
+ * Вся разметка линий размечена data-атрибутами: на обёртке лежит модель строки целиком
+ * (`data-tree-lines="pass none end"`), на каждом спане — его роль и номер колонки. В DevTools
+ * рядом с нарисованным видно и то, что было велено нарисовать.
+ *
+ */
+export declare const RowHierarchy: StoryObj;
+/**
+ * Группировка строк по двум полям.
+ *
+ * Группировка — это то же дерево, только узлы разного сорта.
+ * Данные сворачиваются в дерево `GroupNode` (группа → группа → строка), а дальше работают
+ * ровно те же `flattenTree` и `TableTreeCell`, что и в `RowHierarchy`, — линии считает
+ * модель.
+ */
+export declare const RowGrouping: StoryObj;

package/dist/components/table/column-reorder/index.d.ts

@@ -0,0 +1 @@
+export { useColumnReorder, COLUMN_KEY_ATTRIBUTE, type UseColumnReorderOptions, type UseColumnReorderResult } from './useColumnReorder';