@accelint/design-system 0.3.3 → 0.5.0

package/dist/components/radio/radio.css.d.ts

@@ -0,0 +1,41 @@
+import { RadioClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/react-aria.js';
+import 'react';
+
+declare const radioContainer: string;
+declare const radioGroupContainer: string;
+declare const radioColorVars: {
+    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const radioSpaceVars: {
+    diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const radioStateVars: {
+    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const radioGroupStateVars: {
+    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const radioClassNames: RadioClassNames;
+
+export { radioClassNames, radioColorVars, radioContainer, radioGroupContainer, radioGroupStateVars, radioSpaceVars, radioStateVars };

package/dist/components/radio/radio.css.js

@@ -0,0 +1,14 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/radio/radio.css.ts
+var radioClassNames = { radio: { container: "radio_radioClassNames_radio_container__hweo8bo", radio: "radio_radioClassNames_radio_radio__hweo8bp" }, group: { container: "radio_radioClassNames_group_container__hweo8bq", group: "radio_radioClassNames_group_group__hweo8br" }, label: "typography_label__j8fgabg" };
+var radioColorVars = { border: "var(--border__hweo8b2)", background: "var(--background__hweo8b3)", color: "var(--color__hweo8b4)" };
+var radioContainer = "radio_radioContainer__hweo8b0";
+var radioGroupContainer = "radio_radioGroupContainer__hweo8b1";
+var radioGroupStateVars = { alignInput: "var(--alignInput__hweo8bi)", orientation: "var(--orientation__hweo8bj)", isDisabled: "var(--isDisabled__hweo8bk)", isReadOnly: "var(--isReadOnly__hweo8bl)", isInvalid: "var(--isInvalid__hweo8bm)", isRequired: "var(--isRequired__hweo8bn)" };
+var radioSpaceVars = { diameter: "var(--diameter__hweo8b5)", gap: "var(--gap__hweo8b6)", elementGap: "var(--elementGap__hweo8b7)" };
+var radioStateVars = { alignInput: "var(--alignInput__hweo8b8)", isDisabled: "var(--isDisabled__hweo8b9)", isFocused: "var(--isFocused__hweo8ba)", isFocusVisible: "var(--isFocusVisible__hweo8bb)", isHovered: "var(--isHovered__hweo8bc)", isPressed: "var(--isPressed__hweo8bd)", isReadOnly: "var(--isReadOnly__hweo8be)", isSelected: "var(--isSelected__hweo8bf)", isInvalid: "var(--isInvalid__hweo8bg)", isRequired: "var(--isRequired__hweo8bh)" };
+
+export { radioClassNames, radioColorVars, radioContainer, radioGroupContainer, radioGroupStateVars, radioSpaceVars, radioStateVars };
+//# sourceMappingURL=radio.css.js.map
+//# sourceMappingURL=radio.css.js.map

package/dist/components/radio/radio.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAkB,EAAC,KAAA,EAAM,EAAC,SAAA,EAAU,kDAAiD,KAAM,EAAA,4CAAA,EAA8C,EAAA,KAAA,EAAM,EAAC,SAAU,EAAA,gDAAA,EAAiD,OAAM,4CAA4C,EAAA,EAAE,OAAM,2BAA2B;AACpS,IAAI,iBAAiB,EAAC,MAAA,EAAO,0BAAyB,UAAW,EAAA,4BAAA,EAA6B,OAAM,uBAAuB;AAC3H,IAAI,cAAiB,GAAA;AACrB,IAAI,mBAAsB,GAAA;AAC1B,IAAI,mBAAsB,GAAA,EAAC,UAAW,EAAA,4BAAA,EAA6B,WAAY,EAAA,6BAAA,EAA8B,UAAW,EAAA,4BAAA,EAA6B,UAAW,EAAA,4BAAA,EAA6B,SAAU,EAAA,2BAAA,EAA4B,YAAW,4BAA4B;AAC1Q,IAAI,iBAAiB,EAAC,QAAA,EAAS,4BAA2B,GAAI,EAAA,qBAAA,EAAsB,YAAW,4BAA4B;AACvH,IAAA,cAAA,GAAiB,EAAC,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA6B,EAAA,SAAA,EAAU,6BAA4B,cAAe,EAAA,gCAAA,EAAiC,WAAU,2BAA4B,EAAA,SAAA,EAAU,6BAA4B,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,UAAA,EAAW,4BAA4B","file":"radio.css.js","sourcesContent":["export var radioClassNames = {radio:{container:'radio_radioClassNames_radio_container__hweo8bo',radio:'radio_radioClassNames_radio_radio__hweo8bp'},group:{container:'radio_radioClassNames_group_container__hweo8bq',group:'radio_radioClassNames_group_group__hweo8br'},label:'typography_label__j8fgabg'};\nexport var radioColorVars = {border:'var(--border__hweo8b2)',background:'var(--background__hweo8b3)',color:'var(--color__hweo8b4)'};\nexport var radioContainer = 'radio_radioContainer__hweo8b0';\nexport var radioGroupContainer = 'radio_radioGroupContainer__hweo8b1';\nexport var radioGroupStateVars = {alignInput:'var(--alignInput__hweo8bi)',orientation:'var(--orientation__hweo8bj)',isDisabled:'var(--isDisabled__hweo8bk)',isReadOnly:'var(--isReadOnly__hweo8bl)',isInvalid:'var(--isInvalid__hweo8bm)',isRequired:'var(--isRequired__hweo8bn)'};\nexport var radioSpaceVars = {diameter:'var(--diameter__hweo8b5)',gap:'var(--gap__hweo8b6)',elementGap:'var(--elementGap__hweo8b7)'};\nexport var radioStateVars = {alignInput:'var(--alignInput__hweo8b8)',isDisabled:'var(--isDisabled__hweo8b9)',isFocused:'var(--isFocused__hweo8ba)',isFocusVisible:'var(--isFocusVisible__hweo8bb)',isHovered:'var(--isHovered__hweo8bc)',isPressed:'var(--isPressed__hweo8bd)',isReadOnly:'var(--isReadOnly__hweo8be)',isSelected:'var(--isSelected__hweo8bf)',isInvalid:'var(--isInvalid__hweo8bg)',isRequired:'var(--isRequired__hweo8bh)'};"]}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,23 @@
+import { RadioRenderProps, RadioClassNames, RadioAlignment, RadioContextProps, RadioGroupProps } from './types.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import 'type-fest';
+
+declare const RadioContext: react.Context<ContextValue<RadioContextProps, HTMLLabelElement>>;
+declare const Radio: (props: Omit<react_aria_components.RadioProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<RadioRenderProps>;
+    label?: string;
+    classNames?: RadioClassNames;
+    alignInput?: RadioAlignment;
+} & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
+declare const RadioGroupContext: react.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
+declare const RadioGroup: (props: Omit<react_aria_components.RadioGroupProps, "className" | "style"> & Pick<{
+    children?: RenderPropsChildren<RadioRenderProps>;
+    label?: string;
+    classNames?: RadioClassNames;
+    alignInput?: RadioAlignment;
+}, "classNames" | "label" | "alignInput"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Radio, RadioContext, RadioGroup, RadioGroupContext };

package/dist/components/radio/radio.js

@@ -0,0 +1,114 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Radio as Radio$1, Provider, RadioGroup as RadioGroup$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaLabelContext } from '../aria/index.js';
+import { radioClassNames, radioStateVars, radioGroupStateVars } from './radio.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var RadioContext = createContext(null);
+var Radio = forwardRef(function Radio2(props, ref) {
+  [props, ref] = useContextProps(props, ref, RadioContext);
+  props = useDefaultProps(props, "Radio");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    alignInput = "end",
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),
+    [classNamesProp, theme.Radio]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(radioStateVars, {
+      ...renderProps,
+      alignInput
+    }),
+    [alignInput]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx("span", { className: classNames?.radio?.radio, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }),
+    [childrenProp, classNames?.radio]
+  );
+  return /* @__PURE__ */ jsx(
+    Radio$1,
+    {
+      ...rest,
+      ref,
+      style,
+      className: classNames?.radio?.container,
+      children
+    }
+  );
+});
+var RadioGroupContext = createContext(null);
+var RadioGroup = forwardRef(function RadioGroup2(props, ref) {
+  [props, ref] = useContextProps(props, ref, RadioGroupContext);
+  props = useDefaultProps(props, "RadioGroup");
+  const theme = useTheme();
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    alignInput = "end",
+    orientation = "vertical",
+    ...rest
+  } = props;
+  const classNames = useMemo(
+    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),
+    [classNamesProp, theme.Radio]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(radioGroupStateVars, {
+      ...renderProps,
+      alignInput,
+      orientation
+    }),
+    [alignInput, orientation]
+  );
+  const values = useMemo(
+    () => [
+      [
+        RadioContext,
+        {
+          classNames,
+          alignInput
+        }
+      ],
+      [
+        AriaLabelContext,
+        {
+          className: classNames?.label
+        }
+      ]
+    ],
+    [alignInput, classNames]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.group?.group, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.group, values]
+  );
+  return /* @__PURE__ */ jsx(
+    RadioGroup$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.group?.container,
+      style,
+      orientation,
+      children
+    }
+  );
+});
+
+export { Radio, RadioContext, RadioGroup, RadioGroupContext };
+//# sourceMappingURL=radio.js.map
+//# sourceMappingURL=radio.js.map

package/dist/components/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/radio/radio.tsx"],"names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"mappings":"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","file":"radio.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type LabelProps,\n  Provider,\n  Radio as RACRadio,\n  RadioGroup as RACRadioGroup,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaLabelContext } from '../aria';\nimport {\n  radioClassNames,\n  radioGroupStateVars,\n  radioStateVars,\n} from './radio.css';\nimport type {\n  RadioContextProps,\n  RadioGroupProps,\n  RadioGroupRenderProps,\n  RadioProps,\n  RadioRenderProps,\n} from './types';\n\nexport const RadioContext =\n  createContext<ContextValue<RadioContextProps, HTMLLabelElement>>(null);\n\nexport const Radio = forwardRef(function Radio(\n  props: RadioProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RadioContext);\n  props = useDefaultProps(props, 'Radio');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n    [classNamesProp, theme.Radio],\n  );\n\n  const style = useCallback(\n    (renderProps: RadioRenderProps) =>\n      inlineVars(radioStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const children = useCallback(\n    (renderProps: RadioRenderProps) => (\n      <span className={classNames?.radio?.radio}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </span>\n    ),\n    [childrenProp, classNames?.radio],\n  );\n\n  return (\n    <RACRadio\n      {...rest}\n      ref={ref}\n      style={style}\n      className={classNames?.radio?.container}\n    >\n      {children}\n    </RACRadio>\n  );\n});\n\nexport const RadioGroupContext =\n  createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nexport const RadioGroup = forwardRef(function RadioGroup(\n  props: RadioGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RadioGroupContext);\n\n  props = useDefaultProps(props, 'RadioGroup');\n\n  const theme = useTheme();\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  const classNames = useMemo(\n    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n    [classNamesProp, theme.Radio],\n  );\n\n  const style = useCallback(\n    (renderProps: RadioGroupRenderProps) =>\n      inlineVars(radioGroupStateVars, {\n        ...renderProps,\n        alignInput,\n        orientation,\n      }),\n    [alignInput, orientation],\n  );\n\n  const values = useMemo<\n    [\n      [typeof RadioContext, ContextValue<RadioContextProps, HTMLLabelElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n    ]\n  >(\n    () => [\n      [\n        RadioContext,\n        {\n          classNames,\n          alignInput,\n        },\n      ],\n      [\n        AriaLabelContext,\n        {\n          className: classNames?.label,\n        },\n      ],\n    ],\n    [alignInput, classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: RadioGroupRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.group?.group}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.group, values],\n  );\n\n  return (\n    <RACRadioGroup\n      {...rest}\n      ref={ref}\n      className={classNames?.group?.container}\n      style={style}\n      orientation={orientation}\n    >\n      {children}\n    </RACRadioGroup>\n  );\n});\n"]}

package/dist/components/radio/types.d.ts

@@ -0,0 +1,32 @@
+import { RadioRenderProps as RadioRenderProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, RadioGroupRenderProps as RadioGroupRenderProps$1 } from 'react-aria-components';
+import { PartialDeep } from 'type-fest';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import 'react';
+
+type RadioAlignment = 'start' | 'end';
+type RadioClassNames = PartialDeep<{
+    group: {
+        container: string;
+        group: string;
+    };
+    radio: {
+        container: string;
+        radio: string;
+    };
+    label: string;
+}>;
+type RadioGroupRenderProps = RadioGroupRenderProps$1;
+type RadioGroupProps = Omit<RadioGroupProps$1, 'className' | 'style'> & Pick<BaseRadioProps, 'alignInput' | 'classNames' | 'label'>;
+type RadioGroupState = Omit<RadioGroupRenderProps, 'state'>;
+type RadioRenderProps = Omit<RadioRenderProps$1, 'state'>;
+type BaseRadioProps = {
+    children?: RenderPropsChildren<RadioRenderProps>;
+    label?: string;
+    classNames?: RadioClassNames;
+    alignInput?: RadioAlignment;
+};
+type RadioProps = Omit<RadioProps$1, 'children' | 'className' | 'style'> & BaseRadioProps;
+type RadioContextProps = Omit<RadioProps, 'value'>;
+type RadioState = RadioRenderProps & Pick<BaseRadioProps, 'alignInput'>;
+
+export type { RadioAlignment, RadioClassNames, RadioContextProps, RadioGroupProps, RadioGroupRenderProps, RadioGroupState, RadioProps, RadioRenderProps, RadioState };

package/dist/components/radio/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/radio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/search-field/index.d.ts

@@ -0,0 +1,12 @@
+export { SearchField, SearchFieldContext } from './search-field.js';
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './search-field.css.js';
+export { SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState } from './types.js';
+import '../input/types.js';
+import 'react-aria-components';
+import '../../types/generic.js';
+import 'react';
+import 'type-fest';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';

package/dist/components/search-field/index.js

@@ -0,0 +1,6 @@
+import '../../chunk-PZ5AY32C.js';
+export { SearchField, SearchFieldContext } from './search-field.js';
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './search-field.css.js';
+import './types.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/search-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/components/search-field/search-field.css.d.ts

@@ -0,0 +1,28 @@
+import { SearchFieldClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import 'react';
+import '../icon/types.js';
+import '../input/types.js';
+
+declare const searchFieldContainer: string;
+declare const searchFieldSpaceVars: {
+    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const searchFieldStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const searchFieldClassNames: SearchFieldClassNames;
+
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars };

package/dist/components/search-field/search-field.css.js

@@ -0,0 +1,11 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/search-field/search-field.css.ts
+var searchFieldClassNames = { container: "search-field_searchFieldClassNames_container__1exq9w6a", group: "search-field_searchFieldClassNames_group__1exq9w6b", icon: { icon: "search-field_searchFieldClassNames_icon_icon__1exq9w6c" }, input: { sizer: "search-field_searchFieldClassNames_input_sizer__1exq9w6d", input: "search-field_searchFieldClassNames_input_input__1exq9w6e" }, clear: { button: "search-field_searchFieldClassNames_clear_button__1exq9w6f" } };
+var searchFieldContainer = "search-field_searchFieldContainer__1exq9w60";
+var searchFieldSpaceVars = { x: "var(--x__1exq9w61)", y: "var(--y__1exq9w62)" };
+var searchFieldStateVars = { size: "var(--size__1exq9w63)", variant: "var(--variant__1exq9w64)", isEmpty: "var(--isEmpty__1exq9w65)", isDisabled: "var(--isDisabled__1exq9w66)", isInvalid: "var(--isInvalid__1exq9w67)", isReadOnly: "var(--isReadOnly__1exq9w68)", isRequired: "var(--isRequired__1exq9w69)" };
+
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars };
+//# sourceMappingURL=search-field.css.js.map
+//# sourceMappingURL=search-field.css.js.map

package/dist/components/search-field/search-field.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/search-field/search-field.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,qBAAA,GAAwB,EAAC,SAAU,EAAA,wDAAA,EAAyD,OAAM,oDAAqD,EAAA,IAAA,EAAK,EAAC,IAAA,EAAK,wDAAwD,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,4DAA2D,KAAM,EAAA,0DAAA,IAA4D,KAAM,EAAA,EAAC,MAAO,EAAA,2DAAA,EAA4D;AACpb,IAAI,oBAAuB,GAAA;AAC3B,IAAI,oBAAuB,GAAA,EAAC,CAAE,EAAA,oBAAA,EAAqB,GAAE,oBAAoB;AACzE,IAAI,oBAAuB,GAAA,EAAC,IAAK,EAAA,uBAAA,EAAwB,SAAQ,0BAA2B,EAAA,OAAA,EAAQ,0BAA2B,EAAA,UAAA,EAAW,+BAA8B,SAAU,EAAA,4BAAA,EAA6B,UAAW,EAAA,6BAAA,EAA8B,YAAW,6BAA6B","file":"search-field.css.js","sourcesContent":["export var searchFieldClassNames = {container:'search-field_searchFieldClassNames_container__1exq9w6a',group:'search-field_searchFieldClassNames_group__1exq9w6b',icon:{icon:'search-field_searchFieldClassNames_icon_icon__1exq9w6c'},input:{sizer:'search-field_searchFieldClassNames_input_sizer__1exq9w6d',input:'search-field_searchFieldClassNames_input_input__1exq9w6e'},clear:{button:'search-field_searchFieldClassNames_clear_button__1exq9w6f'}};\nexport var searchFieldContainer = 'search-field_searchFieldContainer__1exq9w60';\nexport var searchFieldSpaceVars = {x:'var(--x__1exq9w61)',y:'var(--y__1exq9w62)'};\nexport var searchFieldStateVars = {size:'var(--size__1exq9w63)',variant:'var(--variant__1exq9w64)',isEmpty:'var(--isEmpty__1exq9w65)',isDisabled:'var(--isDisabled__1exq9w66)',isInvalid:'var(--isInvalid__1exq9w67)',isReadOnly:'var(--isReadOnly__1exq9w68)',isRequired:'var(--isRequired__1exq9w69)'};"]}

package/dist/components/search-field/search-field.d.ts

@@ -0,0 +1,21 @@
+import { InputSize } from '../input/types.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { SearchFieldClassNames, SearchFieldMapping, SearchFieldVariants, SearchFieldProps } from './types.js';
+import '../../types/generic.js';
+import 'type-fest';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+declare const SearchField: (props: Omit<react_aria_components.SearchFieldProps, "className" | "style" | "type"> & {
+    classNames?: SearchFieldClassNames;
+    mapping?: Partial<SearchFieldMapping>;
+    size?: InputSize;
+    variant?: SearchFieldVariants;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { SearchField, SearchFieldContext };

package/dist/components/search-field/search-field.js

@@ -0,0 +1,92 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, SearchField as SearchField$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaGroupContext } from '../aria/index.js';
+import { ButtonContext } from '../button/index.js';
+import { IconContext } from '../icon/index.js';
+import { InputContext } from '../input/index.js';
+import { searchFieldClassNames, searchFieldStateVars } from './search-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "sm" }
+  },
+  clear: {
+    sm: { size: "xs", variant: "icon" },
+    lg: { size: "sm", variant: "icon" }
+  }
+};
+var SearchFieldContext = createContext(null);
+var SearchField = forwardRef(function SearchField2(props, ref) {
+  [props, ref] = useContextProps(props, ref, SearchFieldContext);
+  props = useDefaultProps(props, "SearchField");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = "lg",
+    variant = "solid",
+    isDisabled,
+    isReadOnly
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(searchFieldClassNames, theme.SearchField, classNamesProp),
+    [theme.SearchField, classNamesProp]
+  );
+  const values = useMemo(
+    () => [
+      [AriaGroupContext, { className: classNames?.group }],
+      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],
+      [InputContext, { classNames: classNames?.input, size }],
+      [
+        ButtonContext,
+        {
+          ...mapping.clear[size],
+          classNames: classNames?.clear,
+          isDisabled: isDisabled ?? isReadOnly
+        }
+      ]
+    ],
+    [classNames, mapping, isDisabled, isReadOnly, size]
+  );
+  const style = useCallback(
+    ({ state, ...renderProps }) => inlineVars(searchFieldStateVars, {
+      ...renderProps,
+      variant
+    }),
+    [variant]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }),
+    [childrenProp, values]
+  );
+  return /* @__PURE__ */ jsx(
+    SearchField$1,
+    {
+      ...props,
+      ref,
+      className: classNames?.container,
+      style,
+      children
+    }
+  );
+});
+
+export { SearchField, SearchFieldContext };
+//# sourceMappingURL=search-field.js.map
+//# sourceMappingURL=search-field.js.map

package/dist/components/search-field/search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/search-field/search-field.tsx"],"names":["SearchField","RACSearchField"],"mappings":"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","file":"search-field.js","sourcesContent":["import {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  Provider,\n  type GroupProps as RACGroupProps,\n  SearchField as RACSearchField,\n  type SearchFieldRenderProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaGroupContext } from '../aria';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { IconContext, type IconProps } from '../icon';\nimport { InputContext, type InputProps } from '../input';\nimport {\n  searchFieldClassNames,\n  searchFieldStateVars,\n} from './search-field.css';\nimport type { SearchFieldMapping, SearchFieldProps } from './types';\n\nconst defaultMapping: SearchFieldMapping = {\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'sm' },\n  },\n  clear: {\n    sm: { size: 'xs', variant: 'icon' },\n    lg: { size: 'sm', variant: 'icon' },\n  },\n};\n\nexport const SearchFieldContext =\n  createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\nexport const SearchField = forwardRef(function SearchField(\n  props: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  props = useDefaultProps(props, 'SearchField');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = 'lg',\n    variant = 'solid',\n    isDisabled,\n    isReadOnly,\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(searchFieldClassNames, theme.SearchField, classNamesProp),\n    [theme.SearchField, classNamesProp],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaGroupContext, ContextValue<RACGroupProps, HTMLDivElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n      [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n    ]\n  >(\n    () => [\n      [AriaGroupContext, { className: classNames?.group }],\n      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n      [InputContext, { classNames: classNames?.input, size }],\n      [\n        ButtonContext,\n        {\n          ...mapping.clear[size],\n          classNames: classNames?.clear,\n          isDisabled: isDisabled ?? isReadOnly,\n        },\n      ],\n    ],\n    [classNames, mapping, isDisabled, isReadOnly, size],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: SearchFieldRenderProps) =>\n      inlineVars(searchFieldStateVars, {\n        ...renderProps,\n        variant,\n      }),\n    [variant],\n  );\n\n  const children = useCallback(\n    (renderProps: SearchFieldRenderProps) => (\n      <Provider values={values}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </Provider>\n    ),\n    [childrenProp, values],\n  );\n\n  return (\n    <RACSearchField\n      {...props}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACSearchField>\n  );\n});\n"]}

package/dist/components/search-field/types.d.ts

@@ -0,0 +1,34 @@
+import { SearchFieldProps as SearchFieldProps$1, SearchFieldRenderProps as SearchFieldRenderProps$1 } from 'react-aria-components';
+import { PartialDeep } from 'type-fest';
+import { AsType } from '../../types/generic.js';
+import { OmitProtectedProps } from '../../types/props.js';
+import { ButtonClassNames, ButtonProps } from '../button/types.js';
+import { IconClassNames, IconProps } from '../icon/types.js';
+import { InputClassNames, InputSize } from '../input/types.js';
+import '../../types/react-aria.js';
+import 'react';
+
+type SearchFieldClassNames = PartialDeep<{
+    container: string;
+    group: string;
+    icon: IconClassNames;
+    input: InputClassNames;
+    clear: ButtonClassNames;
+}>;
+type SearchFieldSizes = 'sm' | 'lg';
+type SearchFieldVariants = 'solid' | 'hollow';
+type SearchFieldMapping = {
+    icon: Partial<Record<SearchFieldSizes, OmitProtectedProps<IconProps>>>;
+    clear: Partial<Record<SearchFieldSizes, OmitProtectedProps<ButtonProps>>>;
+};
+type BaseSearchFieldProps = {
+    classNames?: SearchFieldClassNames;
+    mapping?: Partial<SearchFieldMapping>;
+    size?: InputSize;
+    variant?: SearchFieldVariants;
+};
+type SearchFieldRenderProps = AsType<SearchFieldRenderProps$1>;
+type SearchFieldState = Omit<SearchFieldRenderProps, 'state'> & Required<Pick<BaseSearchFieldProps, 'variant' | 'size'>>;
+type SearchFieldProps = Omit<SearchFieldProps$1, 'className' | 'style' | 'type'> & BaseSearchFieldProps;
+
+export type { SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldSizes, SearchFieldState, SearchFieldVariants };

package/dist/components/search-field/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/search-field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/select/index.d.ts

@@ -0,0 +1,12 @@
+export { Select, SelectContext } from './select.js';
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './select.css.js';
+export { SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectSizes, SelectState } from './types.js';
+import 'react-aria-components';
+import 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+import '../options/types.js';

package/dist/components/select/index.js

@@ -0,0 +1,6 @@
+import '../../chunk-PZ5AY32C.js';
+export { Select, SelectContext } from './select.js';
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './select.css.js';
+import './types.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/components/select/select.css.d.ts

@@ -0,0 +1,37 @@
+import { SelectClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import 'react';
+import '../icon/types.js';
+import '../options/types.js';
+
+declare const selectContainer: string;
+declare const selectColorVars: {
+    description: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const selectSpaceVars: {
+    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const selectStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const selectClassNames: SelectClassNames;
+
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars };

package/dist/components/select/select.css.js

@@ -0,0 +1,12 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/select/select.css.ts
+var selectClassNames = { container: "select_selectClassNames_container__1j26mgud", select: "select_selectClassNames_select__1j26mgue", label: "select_selectClassNames_label__1j26mguf typography_label__j8fgabg", toggle: { button: "select_selectClassNames_toggle_button__1j26mgug" }, description: "select_selectClassNames_description__1j26mguh", error: "select_selectClassNames_error__1j26mgui", value: "select_selectClassNames_value__1j26mguj" };
+var selectColorVars = { description: { color: "var(--description-color__1j26mgu1)" }, error: { color: "var(--error-color__1j26mgu2)" } };
+var selectContainer = "select_selectContainer__1j26mgu0";
+var selectSpaceVars = { width: "var(--width__1j26mgu3)", x: "var(--x__1j26mgu4)", y: "var(--y__1j26mgu5)" };
+var selectStateVars = { size: "var(--size__1j26mgu6)", isDisabled: "var(--isDisabled__1j26mgu7)", isInvalid: "var(--isInvalid__1j26mgu8)", isOpen: "var(--isOpen__1j26mgu9)", isRequired: "var(--isRequired__1j26mgua)", isFocused: "var(--isFocused__1j26mgub)", isFocusVisible: "var(--isFocusVisible__1j26mguc)" };
+
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars };
+//# sourceMappingURL=select.css.js.map
+//# sourceMappingURL=select.css.js.map

package/dist/components/select/select.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,mBAAmB,EAAC,SAAA,EAAU,+CAA8C,MAAO,EAAA,0CAAA,EAA2C,OAAM,mEAAoE,EAAA,MAAA,EAAO,EAAC,MAAA,EAAO,mDAAmD,EAAA,WAAA,EAAY,iDAAgD,KAAM,EAAA,yCAAA,EAA0C,OAAM,yCAAyC;AACra,IAAA,eAAA,GAAkB,EAAC,WAAA,EAAY,EAAC,KAAA,EAAM,oCAAoC,EAAA,EAAE,KAAM,EAAA,EAAC,KAAM,EAAA,8BAAA,EAA+B;AAC5H,IAAI,eAAkB,GAAA;AACtB,IAAI,kBAAkB,EAAC,KAAA,EAAM,0BAAyB,CAAE,EAAA,oBAAA,EAAqB,GAAE,oBAAoB;AACnG,IAAI,eAAkB,GAAA,EAAC,IAAK,EAAA,uBAAA,EAAwB,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,MAAA,EAAO,2BAA0B,UAAW,EAAA,6BAAA,EAA8B,SAAU,EAAA,4BAAA,EAA6B,gBAAe,iCAAiC","file":"select.css.js","sourcesContent":["export var selectClassNames = {container:'select_selectClassNames_container__1j26mgud',select:'select_selectClassNames_select__1j26mgue',label:'select_selectClassNames_label__1j26mguf typography_label__j8fgabg',toggle:{button:'select_selectClassNames_toggle_button__1j26mgug'},description:'select_selectClassNames_description__1j26mguh',error:'select_selectClassNames_error__1j26mgui',value:'select_selectClassNames_value__1j26mguj'};\nexport var selectColorVars = {description:{color:'var(--description-color__1j26mgu1)'},error:{color:'var(--error-color__1j26mgu2)'}};\nexport var selectContainer = 'select_selectContainer__1j26mgu0';\nexport var selectSpaceVars = {width:'var(--width__1j26mgu3)',x:'var(--x__1j26mgu4)',y:'var(--y__1j26mgu5)'};\nexport var selectStateVars = {size:'var(--size__1j26mgu6)',isDisabled:'var(--isDisabled__1j26mgu7)',isInvalid:'var(--isInvalid__1j26mgu8)',isOpen:'var(--isOpen__1j26mgu9)',isRequired:'var(--isRequired__1j26mgua)',isFocused:'var(--isFocused__1j26mgub)',isFocusVisible:'var(--isFocusVisible__1j26mguc)'};"]}

package/dist/components/select/select.d.ts

@@ -0,0 +1,20 @@
+import { SelectClassNames, SelectMapping, SelectSizes, SelectProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../button/types.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+import '../options/types.js';
+
+declare const SelectContext: react.Context<ContextValue<SelectProps<object>, HTMLDivElement>>;
+declare const Select: <T extends object>(props: Omit<react_aria_components.SelectProps<T>, "className" | "style"> & {
+    classNames?: SelectClassNames;
+    mapping?: Partial<SelectMapping>;
+    size?: SelectSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Select, SelectContext };