npm - @a-type/ui - Versions diffs - 4.1.0-beta.2 → 4.1.0-beta.5 - Mend

@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

package/dist/cjs/components/autocomplete/Autocomplete.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ export interface AutocompleteInputProps extends BaseAutocompleteInputProps {
     ref?: React.Ref<HTMLInputElement>;
     icon?: ReactNode;
     disableCaret?: boolean;
+    disableClear?: boolean;
+    children?: ReactNode;
 }
 export interface AutocompletePopoupProps extends BaseAutocompletePopupProps {
     positioner?: BaseAutocompletePositionerProps;
@@ -31,7 +33,7 @@ export type AutocompleteClearProps = ButtonProps & {
 declare function createAutocomplete<TItem>(): ((props: Omit<BaseAutocompleteRootProps<TItem>, "items"> & {
     items: readonly TItem[];
 }) => import("react/jsx-runtime.js").JSX.Element) & {
-    Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
+    Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
     Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
     List: (props: Omit<BaseAutocompleteListProps, "children"> & {
         children?: ReactNode | ((item: TItem, index: number) => ReactNode);
@@ -62,7 +64,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
 }) => import("react/jsx-runtime.js").JSX.Element) & {
     Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
     Item: typeof AutocompleteGroupItem;
-    Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
+    Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
     List: (props: Omit<BaseAutocompleteListProps, "children"> & {
         children?: ReactNode | ((group: TItemGroup, groupIndex: number) => ReactNode);
     }) => import("react/jsx-runtime.js").JSX.Element;
@@ -86,7 +88,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
 };
 export declare const Autocomplete: ((props: BaseAutocompleteRootProps<any>) => import("react/jsx-runtime.js").JSX.Element) & {
     useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
-    Input: ({ disableCaret, icon, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
+    Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
     Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
     Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
     List: import("react").FunctionComponent<BaseAutocompleteListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/autocomplete/Autocomplete.js CHANGED Viewed

@@ -33,11 +33,11 @@ const AutocompleteRoot = (props) => {
     return ((0, jsx_runtime_1.jsx)(ValueContext.Provider, { value: props.value || null, children: (0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Root, Object.assign({}, props)) }));
 };
 const AutocompleteInput = (_a) => {
-    var { disableCaret, icon } = _a, props = __rest(_a, ["disableCaret", "icon"]);
+    var { disableCaret, icon, children, disableClear } = _a, props = __rest(_a, ["disableCaret", "icon", "children", "disableClear"]);
     const valueFromContext = (0, react_1.useContext)(ValueContext);
     return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Input, Object.assign({ render: (_a, state) => {
             var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
-            return ((0, jsx_runtime_1.jsxs)(Input_js_1.Input.Border, { ref: ref, className: className, children: [icon, (0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ autoComplete: "off" }, props)), (valueFromContext !== null || !disableCaret) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [valueFromContext !== null && (0, jsx_runtime_1.jsx)(AutocompleteClear, {}), !disableCaret && ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }), children: (0, jsx_runtime_1.jsx)(AutocompleteIcon, { "data-open": state.open ? true : undefined }) }))] }))] }));
+            return ((0, jsx_runtime_1.jsxs)(Input_js_1.Input.Border, { ref: ref, className: className, children: [icon, (0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ autoComplete: "off" }, props)), ((!disableClear && valueFromContext !== null) || !disableCaret) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [!disableClear && valueFromContext !== null && ((0, jsx_runtime_1.jsx)(AutocompleteClear, {})), !disableCaret && ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }), children: (0, jsx_runtime_1.jsx)(AutocompleteIcon, { "data-open": state.open ? true : undefined }) }))] })), children] }));
         } }, props)));
 };
 const AutocompleteIcon = (0, hooks_js_1.withClassName)((_a) => {

package/dist/cjs/components/autocomplete/Autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8DAUqC;AAMrC,gDAAwB;AACxB,iCAA6D;AAC7D,6CAA+C;AAE/C,mDAA6C;AAC7C,6CAAkD;AAClD,6CAAuC;AACvC,gDAA0C;AAC1C,qDAMgC;AAChC,wDAAkD;AAClD,sDAAgD;AAEhD,MAAM,YAAY,GAAG,IAAA,qBAAa,EACjC,IAAI,CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAqC,EAAE,EAAE;IAClE,OAAO,CACN,uBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,YAChD,uBAAC,2BAAgB,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,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IAClD,OAAO,CACN,uBAAC,2BAAgB,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,wBAAC,gBAAK,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,aAC1C,IAAI,EACL,uBAAC,gBAAK,CAAC,KAAK,kBAAC,YAAY,EAAC,KAAK,IAAK,KAAK,EAAI,EAC5C,CAAC,gBAAgB,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,~~CAChD~~,iCAAK,SAAS,EAAC,mBAAmB,aAChC,gBAAgB,KAAK,IAAI,IAAI,uBAAC,iBAAiB,KAAG,~~EAClD~~,CAAC,YAAY,IAAI,CACjB,uBAAC,2BAAgB,CAAC,OAAO,IACxB,MAAM,EAAE,uBAAC,kBAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,YAEhD,uBAAC,gBAAgB,iBAAY,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,GAAI,GACpC,CAC3B,IACI,CACN,~~IACa~~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"}
1	+ {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/autocomplete/Autocomplete.stories.js CHANGED Viewed

@@ -5,6 +5,7 @@ exports.NotPopover = exports.Grouped = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Box_js_1 = require("../box/Box.js");
+const Button_js_1 = require("../button/Button.js");
 const Icon_js_1 = require("../icon/Icon.js");
 const Autocomplete_js_1 = require("./Autocomplete.js");
 const meta = {
@@ -87,7 +88,7 @@ exports.Grouped = {
 exports.NotPopover = {
     render({ autoHighlight, keepHighlight, highlightItemOnHover }) {
         const [value, setValue] = (0, react_1.useState)(undefined);
-        return ((0, jsx_runtime_1.jsx)(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { border: true, p: true, surface: "white", col: true, children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full" }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedAutocomplete.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.Empty, { children: "No results found." })] }) }));
+        return ((0, jsx_runtime_1.jsx)(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { border: true, p: true, surface: "white", col: true, children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full", disableClear: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", emphasis: "primary", className: "aspect-1 h-full", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedAutocomplete.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.Empty, { children: "No results found." })] }) }));
     },
 };
 //# sourceMappingURL=Autocomplete.stories.js.map

package/dist/cjs/components/autocomplete/Autocomplete.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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~~IAAC~~,YAAY,~~QAAC~~,SAAS,EAAC,QAAQ,GAAG,~~EAC7D~~,uBAAC,mBAAmB,CAAC,IAAI,cACvB,CAAC,KAAK,EAAE,EAAE,CAAC,CACX,wBAAC,mBAAmB,CAAC,KAAK,eACzB,uBAAC,mBAAmB,CAAC,UAAU,cAC7B,KAAK,CAAC,QAAQ,GACiB,EACjC,uBAAC,mBAAmB,CAAC,SAAS,cAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,uBAAC,mBAAmB,CAAC,IAAI,IAAe,KAAK,EAAE,IAAI,CAAC,EAAE,YACpD,IAAI,CAAC,KAAK,IADmB,IAAI,CAAC,EAAE,CAEX,CAC3B,CAAC,GAC6B,KAVD,KAAK,CAAC,QAAQ,CAWlB,CAC5B,GACyB,EAC3B,uBAAC,mBAAmB,CAAC,KAAK,oCAEE,IACvB,GACe,CACtB,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/forms/TextField.js CHANGED Viewed

@@ -63,5 +63,5 @@ function TextAreaField(_a) {
     const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
     return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(FieldLabel_js_1.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
 }
-exports.FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-xs self-stretch');
+exports.FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch self-stretch gap-xs');
 //# sourceMappingURL=TextField.js.map

package/dist/cjs/components/forms/TextField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AAgGb,sCAsCC;;AApID,mCAAoD;AACpD,iCAQe;AACf,6CAA+C;AAC/C,yEAAmE;AACnE,kFAAuD;AACvD,gDAA0C;AAC1C,yDAAkE;AAClE,mDAA6C;AAgB7C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAE5B,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,IAAA,iBAAQ,EAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,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,wBAAC,iBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,aACvC,KAAK,IAAI,uBAAC,0BAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,uBAAC,gBAAK,oBACD,KAAK,EACL,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,IACS,CACZ,CAAC;AACH,CAAC,CAAC;AA/CW,QAAA,SAAS,aA+CpB;AAcF,SAAgB,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,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,IAAA,mBAAW,EACjC,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,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IAExC,OAAO,CACN,wBAAC,iBAAS,IAAC,SAAS,EAAE,SAAS,aAC7B,KAAK,IAAI,uBAAC,0BAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,uBAAC,sBAAQ,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;AAEY,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,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/cjs/components/input/Input.d.ts CHANGED Viewed

@@ -1,14 +1,16 @@
-import { ComponentPropsWithRef } from 'react';
+import { InputProps as BaseInputProps } from '@base-ui/react/input';
+import { Ref } from 'react';
 export declare const inputClassName: string;
-export interface InputProps extends ComponentPropsWithRef<'input'> {
+export interface InputProps extends Omit<BaseInputProps, 'className'> {
     autoSelect?: boolean;
     /** Shuffle between random placeholders */
     placeholders?: string[];
     placeholdersIntervalMs?: number;
-    onValueChange?: (value: string) => void;
     borderRef?: React.Ref<HTMLDivElement>;
     startAccessory?: React.ReactNode;
     endAccessory?: React.ReactNode;
+    className?: string;
+    ref?: Ref<HTMLInputElement>;
 }
 export declare const Input: (({ className, borderRef, startAccessory, endAccessory, ...props }: InputProps) => import("react/jsx-runtime.js").JSX.Element) & {
     Border: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/cjs/components/input/Input.js CHANGED Viewed

@@ -23,7 +23,7 @@ const hooks_js_1 = require("../../hooks.js");
 const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
 const inputs_js_1 = require("../../systems/inputs.js");
 exports.inputClassName = (0, clsx_1.default)('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');
-const inputBorderClassName = (0, clsx_1.default)('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');
+const inputBorderClassName = (0, clsx_1.default)('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');
 const InputBorder = (0, hooks_js_1.withClassName)('div', inputBorderClassName);
 const InnerInput = function InnerInput(_a) {
     var { autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs = 5000, onValueChange } = _a, props = __rest(_a, ["autoSelect", "onFocus", "onBlur", "className", "placeholders", "placeholder", "placeholdersIntervalMs", "onValueChange"]);

package/dist/cjs/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,~~gDAA0D~~;~~AAC1D~~,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,8KAA8K,EAC9K,gDAAgD,EAChD,~~yGAAyG~~,~~EACzG~~,~~sFAAsF~~,~~EACtF~~,~~iHAAiH~~,~~EACjH~~,~~sDAAsD~~,~~EACtD~~,oCAAoC,CACpC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,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,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,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,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,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,IAAA,cAAI,EAAC,sBAAc,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,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,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,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,8KAA8K,EAC9K,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,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,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,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,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,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,IAAA,cAAI,EAAC,sBAAc,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,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}

package/dist/cjs/components/note/Note.d.ts CHANGED Viewed

@@ -4,4 +4,9 @@ export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     color?: PaletteName;
 }
-export declare function Note({ className, color, children, ...rest }: NoteProps): import("react/jsx-runtime.js").JSX.Element;
+declare function NoteRoot({ className, color, children, ...rest }: NoteProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const NoteInput: import("react").FunctionComponent<import("../textArea/TextArea.js").TextAreaProps>;
+export declare const Note: typeof NoteRoot & {
+    Input: import("react").FunctionComponent<import("../textArea/TextArea.js").TextAreaProps>;
+};
+export {};

package/dist/cjs/components/note/Note.js CHANGED Viewed

@@ -45,11 +45,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Note = Note;
+exports.Note = exports.NoteInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importStar(require("clsx"));
-function Note(_a) {
+const hooks_js_1 = require("../../hooks.js");
+const TextArea_js_1 = require("../textArea/TextArea.js");
+function NoteRoot(_a) {
     var { className, color, children } = _a, rest = __rest(_a, ["className", "color", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: "layer-components:flex layer-components:flex-row", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.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 }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.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` }), (0, jsx_runtime_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" })] }), (0, jsx_runtime_1.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" })] })] }) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)(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: (0, jsx_runtime_1.jsxs)("div", { className: "layer-components:flex layer-components:flex-row", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.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 }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.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` }), (0, jsx_runtime_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" })] }), (0, jsx_runtime_1.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" })] })] }) })));
 }
+exports.NoteInput = (0, hooks_js_1.withClassName)(TextArea_js_1.TextArea.Input, 'layer-composed2:w-full layer-composed2:p-0');
+exports.Note = Object.assign(NoteRoot, {
+    Input: exports.NoteInput,
+});
 //# sourceMappingURL=Note.js.map

package/dist/cjs/components/note/Note.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA~~,~~oBAkCC;;AA3CD,~~6CAAwC;~~AASxC~~,~~SAAgB~~,~~IAAI~~,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;~~IACzD~~,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,~~EAAC~~,KAAK,IAAI,WAAW,KAAK,EAAE,~~EAAE~~,SAAS,~~CAAC~~,~~IACzD~~,IAAI,cAER,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCACC,SAAS,EAAE,IAAA,WAAI,EACd,2JAA2J,EAC3J,~~iDAAiD~~,~~CACjD~~,YAEA,QAAQ,GACJ,EACN,iCACC,SAAS,EAAC,gFAAgF,kCAI1F,iCAAK,SAAS,EAAC,iJAAiJ,aAE/J,gCACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,gCAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,gCAAK,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,6CAAwC;AAExC,6CAA+C;AAE/C,yDAAmD;AAOnD,SAAS,QAAQ,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACtD,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,uGAAuG,EACvG,8IAA8I,EAC9I,SAAS,CACT,IACG,IAAI,cAER,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCACC,SAAS,EAAE,IAAA,WAAI,EACd,2JAA2J,EAC3J,4FAA4F,CAC5F,YAEA,QAAQ,GACJ,EACN,iCACC,SAAS,EAAC,gFAAgF,kCAI1F,iCAAK,SAAS,EAAC,iJAAiJ,aAE/J,gCACC,SAAS,EAAE,uKAAuK,GACjL,EAEF,gCAAK,SAAS,EAAC,0GAA0G,GAAG,IACvH,EAEN,gCAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC;AAEY,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,sBAAQ,CAAC,KAAK,EACd,8BAA8B,CAC9B,CAAC;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,KAAK,EAAE,iBAAS;CAChB,CAAC,CAAC"}

package/dist/cjs/components/note/Note.stories.d.ts CHANGED Viewed

@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
 import { Note } from './Note.js';
 declare const meta: {
     title: string;
-    component: typeof Note;
+    component: (({ className, color, children, ...rest }: import("./Note.js").NoteProps) => import("react/jsx-runtime.js").JSX.Element) & {
+        Input: import("react").FunctionComponent<import("../index.js").TextAreaProps>;
+    };
     args: {
         children: string;
     };
@@ -15,3 +17,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof Note>;
 export declare const Default: Story;
+export declare const Editable: Story;

package/dist/cjs/components/note/Note.stories.js CHANGED Viewed

@@ -1,7 +1,8 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Editable = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Note_js_1 = require("./Note.js");
 const meta = {
     title: 'Components/Note',
@@ -15,4 +16,9 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {};
+exports.Editable = {
+    render(args) {
+        return ((0, jsx_runtime_1.jsx)(Note_js_1.Note, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Note_js_1.Note.Input, {}) })));
+    },
+};
 //# sourceMappingURL=Note.stories.js.map

package/dist/cjs/components/note/Note.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Note.stories.js","sourceRoot":"","sources":["../../../../src/components/note/Note.stories.tsx"],"names":[],"mappings":"~~;;;~~AACA,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IAEf,IAAI,EAAE;QACL,QAAQ,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC"}
1	+ {"version":3,"file":"Note.stories.js","sourceRoot":"","sources":["../../../../src/components/note/Note.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IAEf,IAAI,EAAE;QACL,QAAQ,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,uBAAC,cAAI,oBAAK,IAAI,cACb,uBAAC,cAAI,CAAC,KAAK,KAAG,IACR,CACP,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/textArea/TextArea.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { InputProps } from '@base-ui/react/input';
+import { InputProps } from '../input/Input.js';
 export interface TextAreaProps extends InputProps {
     className?: string;
     autoSize?: boolean;
@@ -8,6 +8,11 @@ export interface TextAreaProps extends InputProps {
     placeholdersIntervalMs?: number;
     rows?: number;
 }
-export declare const TextArea: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: TextAreaProps & {
+declare function TextAreaInput({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: TextAreaProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const TextArea: (({ className, ...rest }: TextAreaProps & {
     ref?: React.Ref<any>;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime.js").JSX.Element) & {
+    Border: import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+    Input: typeof TextAreaInput;
+};
+export {};

package/dist/cjs/components/textArea/TextArea.js CHANGED Viewed

@@ -1,6 +1,38 @@
 // @unocss-include
 "use strict";
-'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -18,15 +50,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const input_1 = require("@base-ui/react/input");
-const clsx_1 = __importDefault(require("clsx"));
+const clsx_1 = __importStar(require("clsx"));
 const react_1 = require("react");
+const hooks_js_1 = require("../../hooks.js");
 const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
-const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
-const index_js_1 = require("../input/index.js");
-const TextArea = function TextArea(_a) {
+const Input_js_1 = require("../input/Input.js");
+function TextAreaInput(_a) {
     var _b;
-    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"]);
+    var { ref, autoSize = true, padBottomPixels = 0, onValueChange, className, rows } = _a, rest = __rest(_a, ["ref", "autoSize", "padBottomPixels", "onValueChange", "className", "rows"]);
     const innerRef = (0, react_1.useRef)(null);
     const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
     const [innerValue, setInnerValue] = (0, react_1.useState)('');
@@ -50,19 +81,18 @@ const TextArea = function TextArea(_a) {
             onValueChange(value, eventDetails);
         }
     }, [onValueChange]);
-    const handleFocus = (0, react_1.useCallback)((e) => {
-        if (autoSelect) {
-            e.target.select();
-        }
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [autoSelect, onFocus]);
-    const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ render: (0, jsx_runtime_1.jsx)("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: (0, clsx_1.default)(index_js_1.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', {
-            'layer-components:[resize:vertical]': !autoSize,
-            'layer-components:[resize:none]': autoSize,
-        }, className), onValueChange: handleValueChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ render: (0, jsx_runtime_1.jsx)("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: (0, clsx_1.default)('layer-composed:[font-family:inherit] layer-composed:overflow-hidden layer-composed:color-inherit', 'layer-composed:py-md', {
+            'layer-variants:[resize:vertical]': !autoSize,
+            'layer-variants:resize-none': autoSize,
+        }, className), onValueChange: handleValueChange }, rest)));
+}
+const TextAreaBorder = (0, hooks_js_1.withClassName)(Input_js_1.Input.Border, (0, clsx_1.clsx)('layer-composed:rounded-lg'));
+const TextAreaDefault = function TextArea(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(TextAreaBorder, { className: className, children: (0, jsx_runtime_1.jsx)(TextAreaInput, Object.assign({}, rest)) }));
 };
-exports.TextArea = TextArea;
+exports.TextArea = Object.assign(TextAreaDefault, {
+    Border: TextAreaBorder,
+    Input: TextAreaInput,
+});
 //# sourceMappingURL=TextArea.js.map

package/dist/cjs/components/textArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,~~YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAAyD~~;~~AACzD~~,~~gDAA8B;AAC9B,~~iCAAuE;AACvE,kFAAuD;AACvD,~~yFAAmF~~;~~AACnF~~,~~gDAAmD;AAe5C,MAAM,QAAQ,GAAG,~~SAAS,~~QAAQ~~,CAAC,~~EAezC~~;;~~QAfyC~~,~~EACzC~~,GAAG,EACH,QAAQ,~~EACR~~,~~UAAU,EACV,OAAO,EACP,SAAS,EACT,~~IAAI,~~EACJ~~,eAAe,GAAG,CAAC,EACnB,~~WAAW~~,~~EACX~~,~~YAAY~~,~~EACZ~~,~~sBAAsB,GAAG,~~IAAI,~~EAC7B~~,~~aAAa~~,~~OAIb,EAHG,~~IAAI,~~cAZkC~~,~~8JAazC~~,CADO;~~IAIP~~,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,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,IAAA,mBAAW,EACpC,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,~~MAAM~~,~~WAAW~~,~~GAAG~~,~~IAAA~~,~~mBAAW~~,~~EAC9B~~,~~CAAC~~,~~CAAC~~,EAAE,~~EAAE;QACL~~,IAAI,~~UAAU,~~EAAE,CAAC~~;YAChB~~,CAAC,CAAC,~~MAAM~~,CAAC,~~MAAM,EAAE,~~CAAC~~;QACnB~~,CAAC~~;QACD~~,IAAI,~~OAAO~~,EAAE,~~CAAC;YACb~~,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC;QACZ~~,~~CAAC;IACF~~,~~CAAC~~,~~EACD~~,~~CAAC~~,~~UAAU~~,EAAE,~~OAAO,~~CAAC,~~CACrB,CAAC~~;~~IAEF~~,~~MAAM~~,~~iBAAiB~~,~~GAAG~~,~~IAAA~~,~~sDAAwB~~,~~EACjD~~,~~YAAY~~,~~aAAZ~~,~~YAAY~~,~~cAAZ~~,~~YAAY~~,~~GAAI~~,~~EAAE~~,~~EAClB~~,~~sBAAsB~~,~~CACtB,~~CAAC;~~IAEF~~,~~OAAO~~,~~CACN~~,~~uBAAC~~,~~aAAK~~,~~kBACL~~,~~MAAM~~,~~EAAE~~,~~qCAAU~~,~~IAAI~~,~~EAAE~~,~~QAAQ~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,CAAC,~~CAAC~~,CAAC,~~CAAC~~,~~IAAI~~,~~GAAI,EAC/C,~~GAAG,~~EAAE~~,QAAQ,~~EACb~~,~~SAAS~~,~~EAAE~~,~~IAAA~~,~~cAAU~~,~~EACpB~~,~~yBAAc~~,~~EACd~~,~~oFAAoF~~,~~EACpF~~,~~uCAAuC~~,~~EACvC;YACC~~,~~oCAAoC~~,~~EAAE~~,~~CAAC~~,~~QAAQ;YAC/C~~,~~gCAAgC,~~EAAE,~~QAAQ;SAC1C,EACD,~~SAAS,~~CACT~~,~~EACD~~,aAAa,~~EAAE~~,~~iBAAiB~~,~~EAChC~~,~~OAAO~~,~~EAAE~~,~~WAAW~~,~~EACpB~~,~~WAAW~~,~~EAAE~~,~~WAAW~~,~~aAAX~~,~~WAAW~~,~~cAAX~~,~~WAAW~~,~~GAAI~~,~~iBAAiB~~,~~IACzC~~,~~IAAI~~,~~EACP~~,~~CACF~~,~~CAAC~~;~~AACH~~,CAAC,CAAC~~;AAlFW,QAAA,QAAQ,YAkFnB~~"}
1	+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,iCAAuE;AACvE,6CAA+C;AAC/C,kFAAuD;AACvD,gDAAsD;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,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,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,IAAA,mBAAW,EACpC,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,uBAAC,gBAAK,CAAC,KAAK,kBACX,MAAM,EAAE,qCAAU,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/C,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,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,IAAA,wBAAa,EACnC,gBAAK,CAAC,MAAM,EACZ,IAAA,WAAI,EAAC,2BAA2B,CAAC,CACjC,CAAC;AAEF,MAAM,eAAe,GAAG,SAAS,QAAQ,CAAC,EAKzC;QALyC,EACzC,SAAS,OAIT,EAHG,IAAI,cAFkC,aAGzC,CADO;IAIP,OAAO,CACN,uBAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YACnC,uBAAC,aAAa,oBAAK,IAAI,EAAI,GACX,CACjB,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC"}

package/dist/cjs/components/textArea/TextArea.stories.d.ts CHANGED Viewed

@@ -2,9 +2,12 @@ import type { StoryObj } from '@storybook/react';
 import { TextArea } from './TextArea.js';
 declare const meta: {
     title: string;
-    component: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: import("./TextArea.js").TextAreaProps & {
+    component: (({ className, ...rest }: import("./TextArea.js").TextAreaProps & {
         ref?: React.Ref<any>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
+    }) => import("react/jsx-runtime.js").JSX.Element) & {
+        Border: import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+        Input: ({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: import("./TextArea.js").TextAreaProps) => import("react/jsx-runtime.js").JSX.Element;
+    };
     argTypes: {};
     parameters: {
         controls: {