@a-type/ui 4.1.0-beta.2 → 4.1.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/cjs/components/autocomplete/Autocomplete.d.ts +5 -3
  2. package/dist/cjs/components/autocomplete/Autocomplete.js +2 -2
  3. package/dist/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  4. package/dist/cjs/components/autocomplete/Autocomplete.stories.js +2 -1
  5. package/dist/cjs/components/autocomplete/Autocomplete.stories.js.map +1 -1
  6. package/dist/cjs/components/forms/TextField.js +1 -1
  7. package/dist/cjs/components/forms/TextField.js.map +1 -1
  8. package/dist/cjs/components/input/Input.d.ts +5 -3
  9. package/dist/cjs/components/input/Input.js +1 -1
  10. package/dist/cjs/components/input/Input.js.map +1 -1
  11. package/dist/cjs/components/note/Note.d.ts +6 -1
  12. package/dist/cjs/components/note/Note.js +9 -3
  13. package/dist/cjs/components/note/Note.js.map +1 -1
  14. package/dist/cjs/components/note/Note.stories.d.ts +4 -1
  15. package/dist/cjs/components/note/Note.stories.js +7 -1
  16. package/dist/cjs/components/note/Note.stories.js.map +1 -1
  17. package/dist/cjs/components/textArea/TextArea.d.ts +8 -3
  18. package/dist/cjs/components/textArea/TextArea.js +51 -21
  19. package/dist/cjs/components/textArea/TextArea.js.map +1 -1
  20. package/dist/cjs/components/textArea/TextArea.stories.d.ts +5 -2
  21. package/dist/css/main.css +5 -5
  22. package/dist/esm/components/autocomplete/Autocomplete.d.ts +5 -3
  23. package/dist/esm/components/autocomplete/Autocomplete.js +2 -2
  24. package/dist/esm/components/autocomplete/Autocomplete.js.map +1 -1
  25. package/dist/esm/components/autocomplete/Autocomplete.stories.js +2 -1
  26. package/dist/esm/components/autocomplete/Autocomplete.stories.js.map +1 -1
  27. package/dist/esm/components/forms/TextField.js +1 -1
  28. package/dist/esm/components/forms/TextField.js.map +1 -1
  29. package/dist/esm/components/input/Input.d.ts +5 -3
  30. package/dist/esm/components/input/Input.js +2 -2
  31. package/dist/esm/components/input/Input.js.map +1 -1
  32. package/dist/esm/components/note/Note.d.ts +6 -1
  33. package/dist/esm/components/note/Note.js +8 -2
  34. package/dist/esm/components/note/Note.js.map +1 -1
  35. package/dist/esm/components/note/Note.stories.d.ts +4 -1
  36. package/dist/esm/components/note/Note.stories.js +6 -0
  37. package/dist/esm/components/note/Note.stories.js.map +1 -1
  38. package/dist/esm/components/textArea/TextArea.d.ts +8 -3
  39. package/dist/esm/components/textArea/TextArea.js +18 -20
  40. package/dist/esm/components/textArea/TextArea.js.map +1 -1
  41. package/dist/esm/components/textArea/TextArea.stories.d.ts +5 -2
  42. package/package.json +2 -2
  43. package/src/components/autocomplete/Autocomplete.stories.tsx +10 -1
  44. package/src/components/autocomplete/Autocomplete.tsx +9 -2
  45. package/src/components/forms/TextField.tsx +140 -140
  46. package/src/components/input/Input.tsx +14 -12
  47. package/src/components/note/Note.stories.tsx +10 -0
  48. package/src/components/note/Note.tsx +19 -3
  49. package/src/components/textArea/TextArea.tsx +98 -105
package/dist/esm/components/autocomplete/Autocomplete.d.ts CHANGED
@@ -8,6 +8,8 @@ export interface AutocompleteInputProps extends BaseAutocompleteInputProps {
8
8
  ref?: React.Ref<HTMLInputElement>;
9
9
  icon?: ReactNode;
10
10
  disableCaret?: boolean;
11
+ disableClear?: boolean;
12
+ children?: ReactNode;
11
13
  }
12
14
  export interface AutocompletePopoupProps extends BaseAutocompletePopupProps {
13
15
  positioner?: BaseAutocompletePositionerProps;
@@ -31,7 +33,7 @@ export type AutocompleteClearProps = ButtonProps & {
31
33
  declare function createAutocomplete<TItem>(): ((props: Omit<BaseAutocompleteRootProps<TItem>, "items"> & {
32
34
  items: readonly TItem[];
33
35
  }) => import("react/jsx-runtime").JSX.Element) & {
34
- Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
36
+ Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
35
37
  Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
36
38
  List: (props: Omit<BaseAutocompleteListProps, "children"> & {
37
39
  children?: ReactNode | ((item: TItem, index: number) => ReactNode);
@@ -62,7 +64,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
62
64
  }) => import("react/jsx-runtime").JSX.Element) & {
63
65
  Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
64
66
  Item: typeof AutocompleteGroupItem;
65
- Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
67
+ Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
66
68
  List: (props: Omit<BaseAutocompleteListProps, "children"> & {
67
69
  children?: ReactNode | ((group: TItemGroup, groupIndex: number) => ReactNode);
68
70
  }) => import("react/jsx-runtime").JSX.Element;
@@ -86,7 +88,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
86
88
  };
87
89
  export declare const Autocomplete: ((props: BaseAutocompleteRootProps<any>) => import("react/jsx-runtime").JSX.Element) & {
88
90
  useFilter: (options?: import("@base-ui/react/autocomplete").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete").AutocompleteFilter;
89
- Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
91
+ Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
90
92
  Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime").JSX.Element;
91
93
  Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
92
94
  List: import("react").FunctionComponent<BaseAutocompleteListProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/esm/components/autocomplete/Autocomplete.js CHANGED
@@ -27,11 +27,11 @@ const AutocompleteRoot = (props) => {
27
27
  return (_jsx(ValueContext.Provider, { value: props.value || null, children: _jsx(BaseAutocomplete.Root, Object.assign({}, props)) }));
28
28
  };
29
29
  const AutocompleteInput = (_a) => {
30
- var { disableCaret, icon } = _a, props = __rest(_a, ["disableCaret", "icon"]);
30
+ var { disableCaret, icon, children, disableClear } = _a, props = __rest(_a, ["disableCaret", "icon", "children", "disableClear"]);
31
31
  const valueFromContext = useContext(ValueContext);
32
32
  return (_jsx(BaseAutocomplete.Input, Object.assign({ render: (_a, state) => {
33
33
  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
34
- return (_jsxs(Input.Border, { ref: ref, className: className, children: [icon, _jsx(Input.Input, Object.assign({ autoComplete: "off" }, props)), (valueFromContext !== null || !disableCaret) && (_jsxs("div", { className: "flex items-center", children: [valueFromContext !== null && _jsx(AutocompleteClear, {}), !disableCaret && (_jsx(BaseAutocomplete.Trigger, { render: _jsx(Button, { emphasis: "ghost", size: "small" }), children: _jsx(AutocompleteIcon, { "data-open": state.open ? true : undefined }) }))] }))] }));
34
+ return (_jsxs(Input.Border, { ref: ref, className: className, children: [icon, _jsx(Input.Input, Object.assign({ autoComplete: "off" }, props)), ((!disableClear && valueFromContext !== null) || !disableCaret) && (_jsxs("div", { className: "flex items-center", children: [!disableClear && valueFromContext !== null && (_jsx(AutocompleteClear, {})), !disableCaret && (_jsx(BaseAutocomplete.Trigger, { render: _jsx(Button, { emphasis: "ghost", size: "small" }), children: _jsx(AutocompleteIcon, { "data-open": state.open ? true : undefined }) }))] })), children] }));
35
35
  } }, props)));
36
36
  };
37
37
  const AutocompleteIcon = withClassName((_a) => {
package/dist/esm/components/autocomplete/Autocomplete.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,YAAY,IAAI,gBAAgB,GAQhC,MAAM,6BAA6B,CAAC;AAMrC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAa,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,YAAY,GAAG,aAAa,CACjC,IAAI,CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAqC,EAAE,EAAE;IAClE,OAAO,CACN,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,YAChD,KAAC,gBAAgB,CAAC,IAAI,oBAAK,KAAK,EAAI,GACb,CACxB,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,iBAAiB,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EAC1B,YAAY,EACZ,IAAI,OAEoB,EADrB,KAAK,cAHkB,wBAI1B,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAClD,OAAO,CACN,KAAC,gBAAgB,CAAC,KAAK,kBACtB,MAAM,EAAE,CAAC,EAA4B,EAAE,KAAK,EAAE,EAAE;gBAAvC,EAAE,GAAG,EAAE,SAAS,OAAY,EAAP,KAAK,cAA1B,oBAA4B,CAAF;YAAc,OAAA,CAChD,MAAC,KAAK,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,aAC1C,IAAI,EACL,KAAC,KAAK,CAAC,KAAK,kBAAC,YAAY,EAAC,KAAK,IAAK,KAAK,EAAI,EAC5C,CAAC,gBAAgB,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAChD,eAAK,SAAS,EAAC,mBAAmB,aAChC,gBAAgB,KAAK,IAAI,IAAI,KAAC,iBAAiB,KAAG,EAClD,CAAC,YAAY,IAAI,CACjB,KAAC,gBAAgB,CAAC,OAAO,IACxB,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,YAEhD,KAAC,gBAAgB,iBAAY,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,GAAI,GACpC,CAC3B,IACI,CACN,IACa,CACf,CAAA;SAAA,IACG,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,aAAa,CACrC,CAAC,EAAkD,EAAE,EAAE;QAAtD,EAAE,SAAS,OAAuC,EAAlC,KAAK,cAArB,aAAuB,CAAF;IAAkC,OAAA,CACvD,KAAC,gBAAgB,CAAC,IAAI,oBACjB,KAAK,IACT,SAAS,EAAE,IAAI,CACd,MAAM,EACN,mFAAmF,EACnF,2CAA2C,EAC3C,SAAS,CACT,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACA,CACxB,CAAA;CAAA,CACD,CAAC;AAEF,MAAM,iBAAiB,GAAG,aAAa,CACtC,gBAAgB,CAAC,KAAK,EACtB,cAAc,EACd,uCAAuC,CACvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,aAAa,CACzC,gBAAgB,CAAC,QAAQ,EACzB,kCAAkC,CAClC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,SAAS,OAAoC,EAA/B,KAAK,cAArB,aAAuB,CAAF;IAA+B,OAAA,CAC9E,KAAC,gBAAgB,CAAC,KAAK,oBAClB,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,YAE1C,KAAC,QAAQ,KAAG,IACY,CACzB,CAAA;CAAA,CAAC;AAOF,MAAM,mBAAmB,GAAG,CAAC,EAKH,EAAE,EAAE;QALD,EAC5B,UAAU,EACV,KAAK,EACL,QAAQ,OAEiB,EADtB,KAAK,cAJoB,mCAK5B,CADQ;IAER,OAAO,CACN,MAAC,gBAAgB,CAAC,MAAM,eACvB,KAAC,oBAAoB,KAAG,EACxB,KAAC,gBAAgB,CAAC,UAAU,kBAAC,UAAU,EAAE,CAAC,IAAM,UAAU,cACzD,MAAC,iBAAiB,oBAAK,KAAK,eAC1B,KAAK,IAAI,KAAC,iBAAiB,KAAG,EAC9B,QAAQ,KACU,IACS,IACL,CAC1B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,aAAa,CACrC,gBAAgB,CAAC,IAAI,EACrB,iBAAiB,EACjB,oGAAoG,EACpG,8BAA8B,CAC9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,aAAa,CACtC,gBAAgB,CAAC,KAAK,EACtB,iEAAiE,CACjE,CAAC;AAMF,MAAM,gBAAgB,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EACzB,SAAS,EACT,KAAK,GAAG,MAAM,OAES,EADpB,KAAK,cAHiB,sBAIzB,CADQ;IACoB,OAAA,CAC5B,KAAC,gBAAgB,CAAC,IAAI,kBACrB,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,CAAC,IAClE,KAAK,EACR,CACF,CAAA;CAAA,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,EAGwC,EAAE,EAAE;QAH5C,EAC1B,SAAS,OAEyD,EAD/D,KAAK,cAFkB,aAG1B,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,KAAK,oBAClB,KAAK,IACT,SAAS,EAAE,IAAI,CACd,8DAA8D,EAC9D,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,aAAa,CAC9C,OAAO,EACP,mDAAmD,CACnD,CAAC;AAEF,MAAM,sBAAsB,GAAG,aAAa,CAC3C,gBAAgB,CAAC,UAAU,EAC3B,+EAA+E,CAC/E,CAAC;AAEF,MAAM,eAAe,GAAuC,aAAa,CACxE,gBAAgB,CAAC,GAAG,EACpB,6CAA6C,CAC7C,CAAC;AAEF,MAAM,qBAAqB,GAAG,aAAa,CAC1C,gBAAgB,CAAC,SAAS,EAC1B,kBAAkB,CAClB,CAAC;AAQF,SAAS,qBAAqB,CAAC,EAKF;QALE,EAC9B,SAAS,EACT,OAAO,EACP,MAAM,OAEsB,EADzB,KAAK,cAJsB,kCAK9B,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,IAAI,kBACrB,MAAM,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAC,MAAM,IAAC,MAAM,EAAE,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,GAAI,GAAI,IAC3D,KAAK,IACT,SAAS,EAAE,IAAI,CACd,iBAAiB,EACjB,6BAA6B,EAC7B,wEAAwE,EACxE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAMD,MAAM,iBAAiB,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,QAAQ,OAAoC,EAA/B,KAAK,cAApB,YAAsB,CAAF;IAA+B,OAAA,CAC7E,KAAC,gBAAgB,CAAC,KAAK,kBACtB,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,IAC5C,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACN,CACzB,CAAA;CAAA,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACzB,SAAS,EAAE,gBAAgB,CAAC,SAAS;IAErC,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,UAAU,EAAE,sBAAsB;IAClC,SAAS,EAAE,yBAAyB;IACpC,GAAG,EAAE,eAAe;IACpB,SAAS,EAAE,qBAAqB;IAChC,KAAK,EAAE,iBAAiB;IAExB,UAAU,EAAE,gBAAgB,CAAC,UAAU;IACvC,MAAM,EAAE,gBAAgB,CAAC,MAAM;IAC/B,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,oBAAoB;IAE9B,QAAQ,EAAE,gBAAgB;IAC1B,SAAS,EAAE,qBAAqB;IAEhC,QAAQ,EAAE,gBAAgB;CAC1B,CAAC;AAEF,SAAS,kBAAkB;IAC1B,SAAS,SAAS,CACjB,KAEC;QAED,OAAO,KAAC,gBAAgB,oBAAM,KAAa,EAAI,CAAC;IACjD,CAAC;IACD,SAAS,SAAS,CACjB,KAEC;QAED,OAAO,KAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;IACD,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,kCAC1B,iBAAiB,KACpB,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,gBAAgB,IACrB,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB;IAGjC,SAAS,SAAS,CACjB,KAKC;QAED,OAAO,KAAC,gBAAgB,oBAAM,KAAa,EAAI,CAAC;IACjD,CAAC;IACD,SAAS,SAAS,CACjB,KAIC;QAED,OAAO,KAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,kCAC1B,iBAAiB,KACpB,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,sBAAsB,EAClC,SAAS,EAAE,yBAAyB,EACpC,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,eAAe,IACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,kBACzD,MAAM,EAAE,kBAAkB,EAC1B,aAAa,EAAE,yBAAyB,IAErC,iBAAiB,EACnB,CAAC"}
1
+ {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/autocomplete/Autocomplete.stories.js CHANGED
@@ -2,6 +2,7 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { useState } from 'react';
4
4
  import { Box } from '../box/Box.js';
5
+ import { Button } from '../button/Button.js';
5
6
  import { Icon } from '../icon/Icon.js';
6
7
  import { Autocomplete } from './Autocomplete.js';
7
8
  const meta = {
@@ -84,7 +85,7 @@ export const Grouped = {
84
85
  export const NotPopover = {
85
86
  render({ autoHighlight, keepHighlight, highlightItemOnHover }) {
86
87
  const [value, setValue] = useState(undefined);
87
- return (_jsx(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: _jsxs(Box, { border: true, p: true, surface: "white", col: true, children: [_jsx(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full" }), _jsx(GroupedAutocomplete.List, { children: (group) => (_jsxs(GroupedAutocomplete.Group, { children: [_jsx(GroupedAutocomplete.GroupLabel, { children: group.category }), _jsx(GroupedAutocomplete.GroupList, { children: group.items.map((item) => (_jsx(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), _jsx(GroupedAutocomplete.Empty, { children: "No results found." })] }) }));
88
+ return (_jsx(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: _jsxs(Box, { border: true, p: true, surface: "white", col: true, children: [_jsx(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full", disableClear: true, children: _jsx(Button, { size: "small", emphasis: "primary", className: "aspect-1 h-full", children: _jsx(Icon, { name: "plus" }) }) }), _jsx(GroupedAutocomplete.List, { children: (group) => (_jsxs(GroupedAutocomplete.Group, { children: [_jsx(GroupedAutocomplete.GroupLabel, { children: group.category }), _jsx(GroupedAutocomplete.GroupList, { children: group.items.map((item) => (_jsx(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), _jsx(GroupedAutocomplete.Empty, { children: "No results found." })] }) }));
88
89
  },
89
90
  };
90
91
  //# sourceMappingURL=Autocomplete.stories.js.map
package/dist/esm/components/autocomplete/Autocomplete.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/forms/TextField.js CHANGED
@@ -55,5 +55,5 @@ export function TextAreaField(_a) {
55
55
  const id = useIdOrGenerated(providedId);
56
56
  return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
57
57
  }
58
- export const FieldRoot = withClassName('div', 'flex flex-col items-stretch gap-xs self-stretch');
58
+ export const FieldRoot = withClassName('div', 'flex flex-col items-stretch self-stretch gap-xs');
59
59
  //# sourceMappingURL=TextField.js.map
package/dist/esm/components/forms/TextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAKN,WAAW,EACX,SAAS,EACT,MAAM,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAiB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgB7C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,SAAS,CAAC,EAgB3C;QAhB2C,EAC3C,GAAG,EACH,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,EAAE,EAAE,UAAU,EACd,cAAc,OAId,EAHG,IAAI,cAboC,yIAc3C,CADO;IAIP,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,aACvC,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,KAAK,oBACD,KAAK,EACL,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,IACS,CACZ,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,UAAU,aAAa,CAAC,EAUT;QAVS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,aAAa,EACb,EAAE,EAAE,UAAU,EACd,iBAAiB,OAEG,EADjB,IAAI,cATsB,mGAU7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,WAAW,CACjC,CAAC,CAAkC,EAAE,EAAE;QACtC,IAAI,aAAa,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACd,CAAC;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CACtC,CAAC;IACF,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAExC,OAAO,CACN,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,aAC7B,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,QAAQ,kBACR,GAAG,EAAE,QAAQ,IACT,KAAK,EACL,IAAI,IACR,SAAS,EAAE,iBAAiB,EAC5B,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,IACxB,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,iDAAiD,CACjD,CAAC"}
1
+ {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/input/Input.d.ts CHANGED
@@ -1,14 +1,16 @@
1
- import { ComponentPropsWithRef } from 'react';
1
+ import { InputProps as BaseInputProps } from '@base-ui/react/input';
2
+ import { Ref } from 'react';
2
3
  export declare const inputClassName: string;
3
- export interface InputProps extends ComponentPropsWithRef<'input'> {
4
+ export interface InputProps extends Omit<BaseInputProps, 'className'> {
4
5
  autoSelect?: boolean;
5
6
  /** Shuffle between random placeholders */
6
7
  placeholders?: string[];
7
8
  placeholdersIntervalMs?: number;
8
- onValueChange?: (value: string) => void;
9
9
  borderRef?: React.Ref<HTMLDivElement>;
10
10
  startAccessory?: React.ReactNode;
11
11
  endAccessory?: React.ReactNode;
12
+ className?: string;
13
+ ref?: Ref<HTMLInputElement>;
12
14
  }
13
15
  export declare const Input: (({ className, borderRef, startAccessory, endAccessory, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element) & {
14
16
  Border: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
package/dist/esm/components/input/Input.js CHANGED
@@ -11,13 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  return t;
12
12
  };
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- import { Input as BaseInput } from '@base-ui/react/input';
14
+ import { Input as BaseInput, } from '@base-ui/react/input';
15
15
  import clsx from 'clsx';
16
16
  import { withClassName } from '../../hooks.js';
17
17
  import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
18
18
  import { inputInfo } from '../../systems/inputs.js';
19
19
  export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:md:min-w-120px', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
20
- const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled)]:shadow-none layer-components:[&:has(input:disabled)]:bg-transparent layer-components:[&:has(input:disabled)]:border-gray layer-components:[&:has(input:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible)]:ring layer-components:[&:has(input:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
20
+ const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
21
21
  const InputBorder = withClassName('div', inputBorderClassName);
22
22
  const InnerInput = function InnerInput(_a) {
23
23
  var { autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs = 5000, onValueChange } = _a, props = __rest(_a, ["autoSelect", "onFocus", "onBlur", "className", "placeholders", "placeholder", "placeholdersIntervalMs", "onValueChange"]);
package/dist/esm/components/input/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,8KAA8K,EAC9K,gDAAgD,EAChD,yGAAyG,EACzG,sFAAsF,EACtF,iHAAiH,EACjH,sDAAsD,EACtD,oCAAoC,CACpC,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;AAE/D,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAAwC,CACxD,EAAgC,EAC/B,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAAwC,CAAC,EAAE,EAAE,EAAE;QAC9D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAaF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,IAAI,SAAS,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,8KAA8K,EAC9K,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;AAE/D,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}
package/dist/esm/components/note/Note.d.ts CHANGED
@@ -4,4 +4,9 @@ export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
4
4
  children?: ReactNode;
5
5
  color?: PaletteName;
6
6
  }
7
- export declare function Note({ className, color, children, ...rest }: NoteProps): import("react/jsx-runtime").JSX.Element;
7
+ declare function NoteRoot({ className, color, children, ...rest }: NoteProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare const NoteInput: import("react").FunctionComponent<import("../textArea/TextArea.js").TextAreaProps>;
9
+ export declare const Note: typeof NoteRoot & {
10
+ Input: import("react").FunctionComponent<import("../textArea/TextArea.js").TextAreaProps>;
11
+ };
12
+ export {};
package/dist/esm/components/note/Note.js CHANGED
@@ -12,8 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  };
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
14
  import classNames, { clsx } from 'clsx';
15
- export function Note(_a) {
15
+ import { withClassName } from '../../hooks.js';
16
+ import { TextArea } from '../textArea/TextArea.js';
17
+ function NoteRoot(_a) {
16
18
  var { className, color, children } = _a, rest = __rest(_a, ["className", "color", "children"]);
17
- return (_jsx("div", Object.assign({ className: classNames(color && `palette-${color}`, className) }, rest, { children: _jsxs("div", { className: "layer-components:flex layer-components:flex-row", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:flex-1 layer-components:border layer-components:border-solid layer-components:p-2 layer-components:text-sm layer-components:italic layer-components:color-black layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-r-0', 'layer-variants:[&_input,&_textarea]:shadow-none'), children: children }), _jsxs("div", { className: "layer-components:flex layer-components:flex-[0_0_20px] layer-components:flex-col layer-components:items-stretch layer-components:justify-stretch", "aria-hidden": true, children: [_jsxs("div", { className: "layer-components:relative layer-components:h-[20px] layer-components:w-[20px] layer-components:flex-[0_0_20px] layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-l-1px", children: [_jsx("div", { className: `layer-components:box-content layer-components:h-0 layer-components:w-0 layer-components:transform-origin-br layer-components:translate--7px layer-components:rotate--45 layer-components:border-13px layer-components:border-solid layer-components:border-transparent layer-components:border-r-main-wash layer-components:border-r-darken-1` }), _jsx("div", { className: "layer-components:absolute layer-components:left-9px layer-components:top--3px layer-components:h-27px layer-components:w-0.5px layer-components:transform-origin-cc layer-components:rotate--45 layer-components:bg-main-dark" })] }), _jsx("div", { className: "layer-components:flex-1 layer-components:border-0 layer-components:border-solid layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-r-1px" })] })] }) })));
19
+ return (_jsx("div", Object.assign({ className: classNames(color && `palette-${color}`, 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', className) }, rest, { children: _jsxs("div", { className: "layer-components:flex layer-components:flex-row", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:flex-1 layer-components:border layer-components:border-solid layer-components:p-2 layer-components:text-sm layer-components:italic layer-components:color-black layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-r-0', 'layer-variants:[&_input,&_textarea]:border-none layer-variants:[&_input,&_textarea]:p-0 layer-variants:[&_input,&_textarea]:shadow-none layer-variants:[&_input,&_textarea]:bg-transparent layer-variants:[&_input,&_textarea]:ring-none'), children: children }), _jsxs("div", { className: "layer-components:flex layer-components:flex-[0_0_20px] layer-components:flex-col layer-components:items-stretch layer-components:justify-stretch", "aria-hidden": true, children: [_jsxs("div", { className: "layer-components:relative layer-components:h-[20px] layer-components:w-[20px] layer-components:flex-[0_0_20px] layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-l-1px", children: [_jsx("div", { className: `layer-components:box-content layer-components:h-0 layer-components:w-0 layer-components:transform-origin-br layer-components:translate--7px layer-components:rotate--45 layer-components:border-13px layer-components:border-solid layer-components:border-transparent layer-components:border-r-main-wash layer-components:border-r-darken-1` }), _jsx("div", { className: "layer-components:absolute layer-components:left-9px layer-components:top--3px layer-components:h-27px layer-components:w-0.5px layer-components:transform-origin-cc layer-components:rotate--45 layer-components:bg-main-dark" })] }), _jsx("div", { className: "layer-components:flex-1 layer-components:border-0 layer-components:border-solid layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:border-main-dark layer-variants:border-b-1px layer-variants:border-r-1px" })] })] }) })));
18
20
  }
21
+ export const NoteInput = withClassName(TextArea.Input, 'layer-composed2:w-full layer-composed2:p-0');
22
+ export const Note = Object.assign(NoteRoot, {
23
+ Input: NoteInput,
24
+ });
19
25
  //# sourceMappingURL=Note.js.map
package/dist/esm/components/note/Note.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AASxC,MAAM,UAAU,IAAI,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACzD,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,IACzD,IAAI,cAER,eAAK,SAAS,EAAC,kCAAkC,aAChD,cACC,SAAS,EAAE,IAAI,CACd,2JAA2J,EAC3J,iDAAiD,CACjD,YAEA,QAAQ,GACJ,EACN,eACC,SAAS,EAAC,gFAAgF,kCAI1F,eAAK,SAAS,EAAC,iJAAiJ,aAE/J,cACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,cAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,cAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAOnD,SAAS,QAAQ,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACtD,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,uGAAuG,EACvG,8IAA8I,EAC9I,SAAS,CACT,IACG,IAAI,cAER,eAAK,SAAS,EAAC,kCAAkC,aAChD,cACC,SAAS,EAAE,IAAI,CACd,2JAA2J,EAC3J,4FAA4F,CAC5F,YAEA,QAAQ,GACJ,EACN,eACC,SAAS,EAAC,gFAAgF,kCAI1F,eAAK,SAAS,EAAC,iJAAiJ,aAE/J,cACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,cAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,cAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,QAAQ,CAAC,KAAK,EACd,8BAA8B,CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,KAAK,EAAE,SAAS;CAChB,CAAC,CAAC"}
package/dist/esm/components/note/Note.stories.d.ts CHANGED
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
2
2
  import { Note } from './Note.js';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: typeof Note;
5
+ component: (({ className, color, children, ...rest }: import("./Note.js").NoteProps) => import("react/jsx-runtime").JSX.Element) & {
6
+ Input: import("react").FunctionComponent<import("../index.js").TextAreaProps>;
7
+ };
6
8
  args: {
7
9
  children: string;
8
10
  };
@@ -15,3 +17,4 @@ declare const meta: {
15
17
  export default meta;
16
18
  type Story = StoryObj<typeof Note>;
17
19
  export declare const Default: Story;
20
+ export declare const Editable: Story;
package/dist/esm/components/note/Note.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  // @unocss-include
2
+ import { jsx as _jsx } from "react/jsx-runtime";
2
3
  import { Note } from './Note.js';
3
4
  const meta = {
4
5
  title: 'Components/Note',
@@ -12,4 +13,9 @@ const meta = {
12
13
  };
13
14
  export default meta;
14
15
  export const Default = {};
16
+ export const Editable = {
17
+ render(args) {
18
+ return (_jsx(Note, Object.assign({}, args, { children: _jsx(Note.Input, {}) })));
19
+ },
20
+ };
15
21
  //# sourceMappingURL=Note.stories.js.map
package/dist/esm/components/note/Note.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Note.stories.js","sourceRoot":"","sources":["../../../../src/components/note/Note.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IAEf,IAAI,EAAE;QACL,QAAQ,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"Note.stories.js","sourceRoot":"","sources":["../../../../src/components/note/Note.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IAEf,IAAI,EAAE;QACL,QAAQ,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,KAAC,IAAI,oBAAK,IAAI,cACb,KAAC,IAAI,CAAC,KAAK,KAAG,IACR,CACP,CAAC;IACH,CAAC;CACD,CAAC"}
package/dist/esm/components/textArea/TextArea.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { InputProps } from '@base-ui/react/input';
1
+ import { InputProps } from '../input/Input.js';
2
2
  export interface TextAreaProps extends InputProps {
3
3
  className?: string;
4
4
  autoSize?: boolean;
@@ -8,6 +8,11 @@ export interface TextAreaProps extends InputProps {
8
8
  placeholdersIntervalMs?: number;
9
9
  rows?: number;
10
10
  }
11
- export declare const TextArea: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: TextAreaProps & {
11
+ declare function TextAreaInput({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare const TextArea: (({ className, ...rest }: TextAreaProps & {
12
13
  ref?: React.Ref<any>;
13
- }) => import("react/jsx-runtime").JSX.Element;
14
+ }) => import("react/jsx-runtime").JSX.Element) & {
15
+ Border: import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
16
+ Input: typeof TextAreaInput;
17
+ };
18
+ export {};
package/dist/esm/components/textArea/TextArea.js CHANGED
@@ -1,5 +1,4 @@
1
1
  // @unocss-include
2
- 'use client';
3
2
  var __rest = (this && this.__rest) || function (s, e) {
4
3
  var t = {};
5
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -12,15 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
12
11
  return t;
13
12
  };
14
13
  import { jsx as _jsx } from "react/jsx-runtime";
15
- import { Input } from '@base-ui/react/input';
16
- import classNames from 'clsx';
14
+ import classNames, { clsx } from 'clsx';
17
15
  import { useCallback, useLayoutEffect, useRef, useState } from 'react';
16
+ import { withClassName } from '../../hooks.js';
18
17
  import useMergedRef from '../../hooks/useMergedRef.js';
19
- import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
20
- import { inputClassName } from '../input/index.js';
21
- export const TextArea = function TextArea(_a) {
18
+ import { Input } from '../input/Input.js';
19
+ function TextAreaInput(_a) {
22
20
  var _b;
23
- var { ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, placeholder, placeholders, placeholdersIntervalMs = 5000, onValueChange } = _a, rest = __rest(_a, ["ref", "autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "placeholder", "placeholders", "placeholdersIntervalMs", "onValueChange"]);
21
+ var { ref, autoSize = true, padBottomPixels = 0, onValueChange, className, rows } = _a, rest = __rest(_a, ["ref", "autoSize", "padBottomPixels", "onValueChange", "className", "rows"]);
24
22
  const innerRef = useRef(null);
25
23
  const finalRef = useMergedRef(innerRef, ref);
26
24
  const [innerValue, setInnerValue] = useState('');
@@ -44,18 +42,18 @@ export const TextArea = function TextArea(_a) {
44
42
  onValueChange(value, eventDetails);
45
43
  }
46
44
  }, [onValueChange]);
47
- const handleFocus = useCallback((e) => {
48
- if (autoSelect) {
49
- e.target.select();
50
- }
51
- if (onFocus) {
52
- onFocus(e);
53
- }
54
- }, [autoSelect, onFocus]);
55
- const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
56
- return (_jsx(Input, Object.assign({ render: _jsx("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:resize-none layer-components:overflow-hidden layer-components:color-inherit', 'layer-variants:rounded-lg layer-variants:px-4 layer-variants:py-4', {
57
- 'layer-components:[resize:vertical]': !autoSize,
58
- 'layer-components:[resize:none]': autoSize,
59
- }, className), onValueChange: handleValueChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
45
+ return (_jsx(Input.Input, Object.assign({ render: _jsx("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: classNames('layer-composed:[font-family:inherit] layer-composed:overflow-hidden layer-composed:color-inherit', 'layer-composed:py-md', {
46
+ 'layer-variants:[resize:vertical]': !autoSize,
47
+ 'layer-variants:resize-none': autoSize,
48
+ }, className), onValueChange: handleValueChange }, rest)));
49
+ }
50
+ const TextAreaBorder = withClassName(Input.Border, clsx('layer-composed:rounded-lg'));
51
+ const TextAreaDefault = function TextArea(_a) {
52
+ var { className } = _a, rest = __rest(_a, ["className"]);
53
+ return (_jsx(TextAreaBorder, { className: className, children: _jsx(TextAreaInput, Object.assign({}, rest)) }));
60
54
  };
55
+ export const TextArea = Object.assign(TextAreaDefault, {
56
+ Border: TextAreaBorder,
57
+ Input: TextAreaInput,
58
+ });
61
59
  //# sourceMappingURL=TextArea.js.map
package/dist/esm/components/textArea/TextArea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAc,MAAM,mBAAmB,CAAC;AAetD,SAAS,aAAa,CAAC,EAQP;;QARO,EACtB,GAAG,EACH,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,CAAC,EACnB,aAAa,EACb,SAAS,EACT,IAAI,OAEW,EADZ,IAAI,cAPe,4EAQtB,CADO;IAEP,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE,CAAC;gBAC7C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;YAC5D,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,CACpC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,aAAa,EAAE,CAAC;YACnB,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EACD,CAAC,aAAa,CAAC,CACf,CAAC;IAEF,OAAO,CACN,KAAC,KAAK,CAAC,KAAK,kBACX,MAAM,EAAE,mBAAU,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/C,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CACpB,sEAAsE,EACtE,sBAAsB,EACtB;YACC,kCAAkC,EAAE,CAAC,QAAQ;YAC7C,4BAA4B,EAAE,QAAQ;SACtC,EACD,SAAS,CACT,EACD,aAAa,EAAE,iBAAiB,IAC5B,IAAI,EACP,CACF,CAAC;AACH,CAAC;AAED,MAAM,cAAc,GAAG,aAAa,CACnC,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,2BAA2B,CAAC,CACjC,CAAC;AAEF,MAAM,eAAe,GAAG,SAAS,QAAQ,CAAC,EAKzC;QALyC,EACzC,SAAS,OAIT,EAHG,IAAI,cAFkC,aAGzC,CADO;IAIP,OAAO,CACN,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,aAAa,oBAAK,IAAI,EAAI,GACX,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC"}
package/dist/esm/components/textArea/TextArea.stories.d.ts CHANGED
@@ -2,9 +2,12 @@ import type { StoryObj } from '@storybook/react';
2
2
  import { TextArea } from './TextArea.js';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: import("./TextArea.js").TextAreaProps & {
5
+ component: (({ className, ...rest }: import("./TextArea.js").TextAreaProps & {
6
6
  ref?: React.Ref<any>;
7
- }) => import("react/jsx-runtime").JSX.Element;
7
+ }) => import("react/jsx-runtime").JSX.Element) & {
8
+ Border: import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
9
+ Input: ({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: import("./TextArea.js").TextAreaProps) => import("react/jsx-runtime").JSX.Element;
10
+ };
8
11
  argTypes: {};
9
12
  parameters: {
10
13
  controls: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "4.1.0-beta.2",
3
+ "version": "4.1.0-beta.5",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
@@ -117,7 +117,7 @@
117
117
  "storybook": "storybook dev -p 6006",
118
118
  "build-storybook": "storybook build",
119
119
  "up-radix": "pnpm update \"@radix-ui/*\" --latest",
120
- "bump": "bumpp",
120
+ "bump": "pnpm run build && bumpp",
121
121
  "test": "vitest",
122
122
  "test:browser": "vitest --config=vitest.browser.config.ts",
123
123
  "lint": "eslint **/*.{ts,tsx} --fix"
package/src/components/autocomplete/Autocomplete.stories.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import { useState } from 'react';
3
3
  import { Box } from '../box/Box.js';
4
+ import { Button } from '../button/Button.js';
4
5
  import { Icon } from '../icon/Icon.js';
5
6
  import { Autocomplete } from './Autocomplete.js';
6
7
 
@@ -185,7 +186,15 @@ export const NotPopover: Story = {
185
186
  highlightItemOnHover={highlightItemOnHover}
186
187
  >
187
188
  <Box border p surface="white" col>
188
- <GroupedAutocomplete.Input disableCaret className="w-full" />
189
+ <GroupedAutocomplete.Input
190
+ disableCaret
191
+ className="w-full"
192
+ disableClear
193
+ >
194
+ <Button size="small" emphasis="primary" className="aspect-1 h-full">
195
+ <Icon name="plus" />
196
+ </Button>
197
+ </GroupedAutocomplete.Input>
189
198
  <GroupedAutocomplete.List>
190
199
  {(group) => (
191
200
  <GroupedAutocomplete.Group key={group.category}>
package/src/components/autocomplete/Autocomplete.tsx CHANGED
@@ -48,10 +48,14 @@ export interface AutocompleteInputProps extends BaseAutocompleteInputProps {
48
48
  ref?: React.Ref<HTMLInputElement>;
49
49
  icon?: ReactNode;
50
50
  disableCaret?: boolean;
51
+ disableClear?: boolean;
52
+ children?: ReactNode;
51
53
  }
52
54
  const AutocompleteInput = ({
53
55
  disableCaret,
54
56
  icon,
57
+ children,
58
+ disableClear,
55
59
  ...props
56
60
  }: AutocompleteInputProps) => {
57
61
  const valueFromContext = useContext(ValueContext);
@@ -61,9 +65,11 @@ const AutocompleteInput = ({
61
65
  <Input.Border ref={ref} className={className}>
62
66
  {icon}
63
67
  <Input.Input autoComplete="off" {...props} />
64
- {(valueFromContext !== null || !disableCaret) && (
68
+ {((!disableClear && valueFromContext !== null) || !disableCaret) && (
65
69
  <div className="flex items-center">
66
- {valueFromContext !== null && <AutocompleteClear />}
70
+ {!disableClear && valueFromContext !== null && (
71
+ <AutocompleteClear />
72
+ )}
67
73
  {!disableCaret && (
68
74
  <BaseAutocomplete.Trigger
69
75
  render={<Button emphasis="ghost" size="small" />}
@@ -73,6 +79,7 @@ const AutocompleteInput = ({
73
79
  )}
74
80
  </div>
75
81
  )}
82
+ {children}
76
83
  </Input.Border>
77
84
  )}
78
85
  {...props}