@cube-dev/ui-kit 0.147.2 → 0.148.0

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.147.2";
+const VERSION = "0.148.0";
 const TASTY_VERSION = "2.8.0";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/FieldProperties.md

@@ -7,7 +7,7 @@ When used inside a [Form](./components/form/Form.md), these properties are autom
 ## Identity & Form Integration
 
 - **`name`** `string` — Field name for form data binding. Required when used within a Form.
-- **`form`** `CubeFormInstance` — Form instance. Automatically provided when inside a Form context.
+- **`form`** `CubeFormInstance` — Form instance. Automatically provided when inside a Form context. Pass it explicitly to link an input to a form it is not nested in, or to override the surrounding form.
 - **`defaultValue`** `any` — Default value for the field in uncontrolled mode.
 - **`id`** `string` — Unique ID for the field element.
 - **`idPrefix`** `string` — ID prefix to avoid collisions between multiple forms.
@@ -35,7 +35,9 @@ When used inside a [Form](./components/form/Form.md), these properties are autom
 - **`isReadOnly`** `boolean` (default: `false`) — Whether the field can be focused but not changed.
 - **`isLoading`** `boolean` (default: `false`) — Whether to show a loading spinner and disable interactions.
 - **`isHidden`** `boolean` (default: `false`) — Whether the field is hidden.
-- **`validationState`** `'valid' | 'invalid'` — Visual validation state of the field.
+- **`isInvalid`** `boolean` (default: `false`) — Whether the field displays its invalid visual styling. Takes precedence over `isValid`.
+- **`isValid`** `boolean` (default: `false`) — Whether the field displays its valid visual styling.
+- **`validationState`** `'valid' | 'invalid'` — _(deprecated)_ Use `isInvalid` / `isValid` instead.
 - **`autoFocus`** `boolean` (default: `false`) — Whether the field should receive focus on render.
 
 ## Validation

package/docs/Introduction.md

@@ -93,7 +93,7 @@ All input components work seamlessly with the Form component:
 
 - **Built-in Field Support** - No wrapper components needed
 - **Automatic Validation** - Validation rules and error display
-- **Form-level Configuration** - Inherit settings like `labelPosition` and `validationState`
+- **Form-level Configuration** - Inherit settings like `labelPosition` and `isReadOnly`
 - **Programmatic Control** - Use `Form.useForm()` for advanced form management
 
 ### Component Architecture

package/docs/components/content/CopySnippet.md

@@ -54,4 +54,9 @@ These properties allow direct style application without using the `styles` prop:
   language="json"
   multiline
 />
+
+<CopySnippet
+  code={'<button type="button" class="primary">Save</button>'}
+  language="html"
+/>
 ```

package/docs/components/content/PrismCode.md

@@ -35,11 +35,11 @@ against `#surface` in light, dark, and high-contrast schemes (AAA in HC).
 | -------------------- | -------------- | -------------------------------------------------------------- |
 | `#code-comment`      | gray           | comments, prolog, doctype, cdata                               |
 | `#code-punctuation`  | muted pink     | operators, punctuation                                         |
-| `#code-keyword`      | pink           | keywords, booleans, constants, atrules (`font-weight: 500`)    |
+| `#code-keyword`      | pink           | keywords, booleans, constants, atrules, HTML/XML tag names (`font-weight: 500` on language keywords) |
 | `#code-string`       | primary purple | strings, characters, attribute values, URLs                    |
 | `#code-number`       | green          | numbers, numeric entities                                      |
 | `#code-function`     | pink           | functions, class names, regex, variables                       |
-| `#code-attribute`    | cyan           | tags, attribute names, properties, selectors, built-ins, keys  |
+| `#code-attribute`    | cyan           | attribute names, properties, selectors, built-ins, keys        |
 
 Diff insertion (`+`) and deletion (`-`) intentionally re-use the existing
 `#success-*` / `#danger-*` ramps — both the line background tint and the

package/docs/components/fields/Checkbox.md

@@ -103,7 +103,7 @@ The `mods` property accepts the following modifiers you can override:
 ### With Validation
 
 ```jsx
-<Checkbox validationState="invalid" isRequired>
+<Checkbox isInvalid isRequired>
   Must accept to continue
 </Checkbox>
 ```

package/docs/components/fields/CommandTextArea.md

@@ -75,7 +75,7 @@ Supports [Base properties](../../BaseProperties.md).
 ### Field Properties
 
 Supports all [Field properties](../../FieldProperties.md)
-(`label`, `name`, `isRequired`, `isDisabled`, `isReadOnly`, `validationState`,
+(`label`, `name`, `isRequired`, `isDisabled`, `isReadOnly`, `isInvalid`,
 `description`, `rules`, etc.).
 
 ### Styling Properties

package/docs/components/fields/DatePicker.md

@@ -146,7 +146,7 @@ The `mods` property accepts the following modifiers you can override:
 <DatePicker
   label="Required date"
   isRequired
-  validationState="invalid"
+  isInvalid
   errorMessage="Please select a date"
 />
 ```

package/docs/components/fields/FileInput.md

@@ -88,11 +88,13 @@ The `mods` property accepts the following modifiers you can override:
 
 ### With Validation
 
+Pass `isValid` or `isInvalid` to tint the border and show the matching state icon.
+
 ```jsx
 <FileInput
   label="Required document"
   isRequired
-  validationState="invalid"
+  isInvalid
   errorMessage="Please select a file"
 />
 ```

package/docs/components/fields/FilterListBox.md

@@ -138,8 +138,8 @@ These properties allow direct style application without using the `styles` prop:
 
 The `mods` property accepts the following modifiers you can override:
 
-- `invalid` `boolean` — Applied when `validationState="invalid"`
-- `valid` `boolean` — Applied when `validationState="valid"`
+- `invalid` `boolean` — Applied when `isInvalid` is set
+- `valid` `boolean` — Applied when `isValid` is set
 - `disabled` `boolean` — Applied when `isDisabled={true}`
 - `focused` `boolean` — Applied when the FilterListBox has focus
 - `loading` `boolean` — Applied when `isLoading={true}`

package/docs/components/fields/ListBox.md

@@ -111,8 +111,8 @@ These properties allow direct style application without using the `styles` prop:
 
 The `mods` property accepts the following modifiers you can override:
 
-- **`invalid`** `boolean` — Applied when `validationState="invalid"`
-- **`valid`** `boolean` — Applied when `validationState="valid"`
+- **`invalid`** `boolean` — Applied when `isInvalid` is set
+- **`valid`** `boolean` — Applied when `isValid` is set
 - **`disabled`** `boolean` — Applied when `isDisabled={true}`
 - **`focused`** `boolean` — Applied when the ListBox has focus
 - **`header`** `boolean` — Applied when header prop is provided or `showSelectAll={true}`

package/docs/components/fields/NumberInput.md

@@ -123,7 +123,7 @@ The `mods` prop accepts the following modifiers you can override:
 ```jsx
 <NumberInput
   label="Price"
-  validationState="invalid"
+  isInvalid
   errorMessage="Price must be positive"
 />
 ```
@@ -150,7 +150,7 @@ The `mods` prop accepts the following modifiers you can override:
 
 - `aria-label`, `aria-labelledby` – Accessible name for the input
 - `aria-describedby` – Links to description and error messages
-- `aria-invalid` – Managed automatically based on `validationState`
+- `aria-invalid` – Managed automatically based on `isInvalid`
 - `aria-required` – Set when `isRequired` is true
 - Additional ARIA attributes supported by React Aria's `useNumberField`
 
@@ -168,7 +168,7 @@ The `mods` prop accepts the following modifiers you can override:
    ```
 
 3. **Accessibility**: Always provide proper labels for screen readers
-4. **Validation**: Use `validationState` and `message` for user feedback
+4. **Validation**: Use `isInvalid` / `isValid` and `errorMessage` for user feedback
 5. **Performance**: Use `defaultValue` for uncontrolled inputs when possible
 
 ## Integration with Forms

package/docs/components/fields/PasswordInput.md

@@ -112,7 +112,7 @@ The `mods` property accepts the following modifiers you can override:
 <PasswordInput
   label="New Password"
   isRequired
-  validationState="invalid"
+  isInvalid
   errorMessage="Password must be at least 8 characters"
 />
 ```
@@ -189,7 +189,8 @@ The `mods` property accepts the following modifiers you can override:
    <PasswordInput
      label="New Password"
      description="8+ characters, including numbers and symbols"
-     validationState={isValid ? "valid" : "invalid"}
+     isValid={isValid}
+     isInvalid={!isValid}
    />
    ```
 

package/docs/components/fields/Picker.md

@@ -305,7 +305,7 @@ The trigger button supports various visual styles via the `type` prop:
 Control the color scheme with the `theme` prop:
 
 - **`default`** — Standard theme (default)
-- **`danger`** — Red/destructive color (also applied automatically when `validationState="invalid"`)
+- **`danger`** — Red/destructive color (also applied automatically when `isInvalid` is set)
 
 ### Sizes
 
@@ -515,7 +515,7 @@ Display validation states and error messages.
   placeholder="Select a fruit"
   selectionMode="single"
   isRequired
-  validationState="invalid"
+  isInvalid
   message="Please select a fruit"
 >
   <Picker.Item key="apple">Apple</Picker.Item>
@@ -598,10 +598,10 @@ The following ARIA attributes are automatically managed by React Aria and do not
    >...</Picker>
    ```
 
-4. **Handle validation properly**: Use `validationState` and `message` props
+4. **Handle validation properly**: Use the `isInvalid` / `isValid` and `errorMessage` props
    ```jsx
    <Picker 
-     validationState="invalid"
+     isInvalid
      message="Please select an option"
    >...</Picker>
    ```
@@ -767,7 +767,7 @@ function MyForm() {
 - **`defaultValue`** — Initial value (use with uncontrolled forms)
 - **`value`** — Controlled value (use with controlled forms)
 - **`isRequired`** — Marks field as required and adds visual indicator
-- **`validationState`** — Manual validation state control
+- **`isInvalid`** / **`isValid`** — Manual validation state control
 - **`message`** — Error or help message
 
 ## Advanced Features

package/docs/components/fields/SearchInput.md

@@ -1,6 +1,6 @@
 # SearchInput
 
-A search input provides a specialized text field for search functionality, featuring a search icon and optional clear button. It's optimized for search queries and includes built-in state management for search field behavior.
+A search input provides a specialized text field for search functionality, featuring a search icon and optional clear button. It's optimized for search queries and includes built-in state management for search field behavior. SearchInput does not represent a persistent value and cannot be connected to a form.
 
 ## When to Use
 
@@ -40,7 +40,7 @@ Supports [Base properties](../../BaseProperties.md)
 
 ### Field Properties
 
-Supports all [Field properties](../../FieldProperties.md)
+Supports the layout-related [Field properties](../../FieldProperties.md) (`label`, `description`, `message`, `labelPosition`, etc.). Note that SearchInput is not form-connected: it does not accept `name`/`rules` and does not participate in form state or validation.
 
 ### Styling Properties
 
@@ -147,7 +147,7 @@ const [searchValue, setSearchValue] = useState('');
 ```jsx
 <SearchInput
   label="Search Query"
-  validationState="invalid"
+  isInvalid
   errorMessage="Search query too short"
   placeholder="Enter at least 3 characters"
 />
@@ -217,7 +217,8 @@ const [searchValue, setSearchValue] = useState('');
 
 ## Integration with Forms
 
-This component supports all [Field properties](../../FieldProperties.md) when used within a Form.
+SearchInput is not a form field. Use [TextInput](./TextInput.md) when the typed text has to be
+captured as a form value.
 
 ## Suggested Improvements
 

package/docs/components/fields/Select.md

@@ -290,7 +290,7 @@ Groups related options together with an optional heading.
 <Select
   label="Validated field"
   selectedKey="yes"
-  validationState="valid"
+  isValid
 >
   <Select.Item key="yes">Yes</Select.Item>
   <Select.Item key="no">No</Select.Item>
@@ -299,7 +299,7 @@ Groups related options together with an optional heading.
 {/* Invalid state */}
 <Select
   label="Required field"
-  validationState="invalid"
+  isInvalid
   errorMessage="Please select an option"
 >
   <Select.Item key="yes">Yes</Select.Item>
@@ -521,7 +521,7 @@ const groups = [
    ```jsx
    <Select
      isRequired
-     validationState="invalid"
+     isInvalid
      errorMessage="Please select a shipping method"
      label="Shipping"
    >

package/docs/components/fields/Slider.md

@@ -22,6 +22,10 @@ These properties allow direct style application without using the `styles` prop:
 
 ### Vertical Orientation
 
+### Validation States
+
+Pass `isValid` or `isInvalid` to tint the track fill and the thumb.
+
 ### Disabled State
 
 ## Properties

package/docs/components/fields/TextInput.md

@@ -150,7 +150,7 @@ import { IconMail } from '@tabler/icons-react';
 <TextInput
   label="Username"
   isRequired
-  validationState="invalid"
+  isInvalid
   message="Username must be at least 3 characters"
 />
 ```
@@ -174,7 +174,7 @@ import { IconMail } from '@tabler/icons-react';
 
 - `aria-label`, `aria-labelledby` – Accessible name for the input
 - `aria-describedby` – Links to description and error messages
-- `aria-invalid` – Managed automatically based on `validationState`
+- `aria-invalid` – Managed automatically based on `isInvalid`
 - `aria-required` – Set when `isRequired` is true
 - Additional ARIA attributes supported by React Aria's `useTextField`
 
@@ -192,7 +192,7 @@ import { IconMail } from '@tabler/icons-react';
    ```
 
 3. **Accessibility**: Always provide proper labels for screen readers
-4. **Validation**: Use `validationState` and `message` for user feedback
+4. **Validation**: Use `isInvalid` / `isValid` and `errorMessage` for user feedback
 5. **Performance**: Use `defaultValue` for uncontrolled inputs when possible
 
 ## Integration with Forms

package/docs/components/fields/TextInputMapper.md

@@ -22,6 +22,11 @@ Supports [Base properties](../../BaseProperties.md)
 
 Supports all [Field properties](../../FieldProperties.md)
 
+## Validation States
+
+`isValid` and `isInvalid` are forwarded to every key and value input, so the whole mapping list picks up
+the state.
+
 ## Sub-elements
 
 The TextInputMapper component is a complex compound component that doesn't expose styled sub-elements via the `styles` prop. Instead, it uses internal layout components and delegates styling to its key and value input components.

package/docs/components/form/Field.md

@@ -29,7 +29,9 @@ The Field component is a **legacy wrapper** for form inputs that provides field-
 - **`isDisabled`** `boolean` (default: `false`) — Whether the field is disabled
 - **`isLoading`** `boolean` (default: `false`) — Whether the field is in loading state
 - **`isHidden`** `boolean` (default: `false`) — Whether the field is hidden
-- **`validationState`** `undefined | 'valid' | 'invalid'` — Validation state of the field
+- **`isInvalid`** `boolean` — Whether the field is invalid
+- **`isValid`** `boolean` — Whether the field is valid
+- **`validationState`** `'valid' | 'invalid'` — _(deprecated)_ Use `isInvalid` / `isValid` instead
 - **`styles`** — Style map for the field wrapper
 - **`labelStyles`** — Style map for the field label
 - **`labelProps`** — Additional props for the label element
@@ -94,7 +96,8 @@ These properties allow direct style application without using the `styles` prop:
 - **`isLoading`** `boolean` — Whether the field is in loading state
 - **`isReadOnly`** `boolean` — Whether the field is read-only
 - **`isHidden`** `boolean` — Whether the field is hidden
-- **`validationState`** `'valid' | 'invalid'` — Validation state of the field
+- **`isInvalid`** `boolean` — Whether the field is invalid
+- **`isValid`** `boolean` — Whether the field is valid
 
 ### Advanced Properties
 
@@ -181,12 +184,13 @@ function ModernForm() {
 
 ## Creating Custom Input Components
 
-To create your own input component with built-in field support, use `useFieldProps` and `useFormProps`:
+To create your own input component with built-in field support, use `useFieldProps`. It applies the provider
+and form context for you, so it is the only hook you need:
 
 ```jsx
 import { forwardRef, useRef } from 'react';
 import { tasty } from '@tenphi/tasty';
-import { useFieldProps, useFormProps } from '@cube-dev/ui-kit';
+import { useFieldProps } from '@cube-dev/ui-kit';
 
 // Simple styled input wrapper
 const InputElement = tasty({
@@ -213,10 +217,7 @@ const InputElement = tasty({
 });
 
 const CustomTextInput = forwardRef(function CustomTextInput(props, ref) {
-  // Apply form context (inherits form-level properties)
-  props = useFormProps(props);
-
-  // Apply field behavior (validation, form integration, etc.)
+  // Apply field behavior (provider + form context, validation, form integration)
   props = useFieldProps(props, {
     defaultValidationTrigger: 'onBlur',
     valuePropsMapper: ({ value, onChange }) => ({
@@ -233,7 +234,7 @@ const CustomTextInput = forwardRef(function CustomTextInput(props, ref) {
       ref={ref}
       type="text"
       // Add ARIA attributes for accessibility
-      aria-invalid={props.validationState === 'invalid'}
+      aria-invalid={props.isInvalid}
       aria-describedby={props.message ? `${props.id}-message` : undefined}
     />
   );

package/docs/components/form/Form.md

@@ -36,7 +36,9 @@ These properties are inherited by all input components within the form:
 - **`necessityIndicator`** `'icon' | 'label'` (default: `icon`) — Type of necessity indicator
 - **`necessityLabel`** `ReactNode` — Custom label to replace the default necessity indicator text
 - **`isReadOnly`** `boolean` (default: `false`) — Whether fields are read-only by default
-- **`validationState`** `'valid' | 'invalid'` — Validation state for all fields
+- **`isInvalid`** `boolean` — Invalid state for all fields
+- **`isValid`** `boolean` — Valid state for all fields
+- **`validationState`** `'valid' | 'invalid'` — _(deprecated)_ Use `isInvalid` / `isValid` instead
 - **`validateTrigger`** `'onBlur' | 'onChange' | 'onSubmit'` (default: `onBlur`) — When to trigger validation
 - **`showValid`** `boolean` (default: `false`) — Whether to show valid state indicators
 

package/docs/components/overlays/DialogForm.md

@@ -41,7 +41,9 @@ DialogForm combines [Dialog](./Dialog.md) and [Form](../form/Form.md) functional
 - **`necessityIndicator`** `NecessityIndicator` — The type of necessity indicator
 - **`necessityLabel`** `ReactNode` — Custom necessity label
 - **`isReadOnly`** `boolean` — Whether the form is read only
-- **`validationState`** `ValidationState` — The validation state of the form
+- **`isInvalid`** `boolean` — Invalid state for all fields in the form
+- **`isValid`** `boolean` — Valid state for all fields in the form
+- **`validationState`** `'valid' | 'invalid'` — _(deprecated)_ Use `isInvalid` / `isValid` instead
 - **`validateTrigger`** `ValidateTrigger` — On which event to perform validation
 - **`showValid`** `boolean` — Whether to show valid state
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.147.2",
+  "version": "0.148.0",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.d.ts

@@ -1,12 +0,0 @@
-
-import { CubeFieldWrapperProps } from "./types.js";
-
-//#region src/components/form/FieldWrapper/extract-field-wrapper-props.d.ts
-type WrapperProps<Props extends CubeFieldWrapperProps> = { [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K] };
-declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends WrapperProps<Props> = WrapperProps<Props>, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
-  fieldWrapperProps: ActualWrapperProps;
-  rest: RestProps;
-}>;
-//#endregion
-export { extractFieldWrapperProps };
-//# sourceMappingURL=extract-field-wrapper-props.d.ts.map

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js

@@ -1,41 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.2 | Cube Dev Team */
-//#region src/components/form/FieldWrapper/extract-field-wrapper-props.ts
-const createFieldWrapperPropsKeys = (arr) => new Set(arr);
-const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
-	"as",
-	"validationState",
-	"styles",
-	"isRequired",
-	"isDisabled",
-	"fieldProps",
-	"isHidden",
-	"label",
-	"labelPosition",
-	"labelSuffix",
-	"labelStyles",
-	"labelProps",
-	"description",
-	"requiredMark",
-	"tooltip",
-	"extra",
-	"necessityLabel",
-	"necessityIndicator",
-	"message",
-	"messageStyles",
-	"errorMessage",
-	"Component"
-]);
-function extractFieldWrapperProps(props) {
-	const fieldWrapperProps = {};
-	const rest = {};
-	for (const [key, prop] of Object.entries(props)) if (fieldWrapperPropsKeys.has(key)) fieldWrapperProps[key] = prop;
-	else rest[key] = prop;
-	return {
-		fieldWrapperProps,
-		rest
-	};
-}
-
-//#endregion
-export { extractFieldWrapperProps };
-//# sourceMappingURL=extract-field-wrapper-props.js.map

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extract-field-wrapper-props.js","names":[],"sources":["../../../../src/components/form/FieldWrapper/extract-field-wrapper-props.ts"],"sourcesContent":["import { CubeFieldWrapperProps } from './types';\n\nconst createFieldWrapperPropsKeys = <\n  PropKeys = (keyof CubeFieldWrapperProps)[],\n>(\n  arr: PropKeys,\n): Set<string> => new Set(arr as unknown as string[]);\n\nconst fieldWrapperPropsKeys = createFieldWrapperPropsKeys([\n  'as',\n  'validationState',\n  'styles',\n  'isRequired',\n  'isDisabled',\n  'fieldProps',\n  'isHidden',\n  'label',\n  'labelPosition',\n  'labelSuffix',\n  'labelStyles',\n  'labelProps',\n  'description',\n  'requiredMark',\n  'tooltip',\n  'extra',\n  'necessityLabel',\n  'necessityIndicator',\n  'message',\n  'messageStyles',\n  'errorMessage',\n  'Component',\n]);\n\ntype WrapperProps<Props extends CubeFieldWrapperProps> = {\n  [K in keyof Pick<\n    Props,\n    keyof CubeFieldWrapperProps\n  >]: CubeFieldWrapperProps[K];\n};\n\nexport function extractFieldWrapperProps<\n  Props extends CubeFieldWrapperProps,\n  FieldWrapperKeys extends\n    keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps,\n  ActualWrapperProps extends WrapperProps<Props> = WrapperProps<Props>,\n  RestProps extends Omit<Props, FieldWrapperKeys> = Omit<\n    Props,\n    FieldWrapperKeys\n  >,\n>(\n  props: Props,\n): Readonly<{ fieldWrapperProps: ActualWrapperProps; rest: RestProps }> {\n  const fieldWrapperProps = {} as ActualWrapperProps;\n  const rest = {} as RestProps;\n\n  for (const [key, prop] of Object.entries(props)) {\n    if (fieldWrapperPropsKeys.has(key)) {\n      fieldWrapperProps[key] = prop;\n    } else {\n      rest[key] = prop;\n    }\n  }\n\n  return { fieldWrapperProps, rest } as const;\n}\n"],"mappings":";;AAEA,MAAM,+BAGJ,QACgB,IAAI,IAAI,IAA2B;AAErD,MAAM,wBAAwB,4BAA4B;CACxD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AASF,SAAgB,yBAUd,OACsE;CACtE,MAAM,oBAAoB,EAAE;CAC5B,MAAM,OAAO,EAAE;AAEf,MAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,MAAM,CAC7C,KAAI,sBAAsB,IAAI,IAAI,CAChC,mBAAkB,OAAO;KAEzB,MAAK,OAAO;AAIhB,QAAO;EAAE;EAAmB;EAAM"}