@accreditation/ui 1.0.0

package/dist/components/molecules/form-error-alert/variants.d.ts

@@ -0,0 +1,7 @@
+export declare const formErrorAlertRootClasses = "rounded-none bg-red-50 p-4 border border-red-200";
+export declare const formErrorAlertWrapperClasses = "flex items-start gap-2";
+export declare const formErrorAlertIconClasses = "h-5 w-5 text-red-600 shrink-0 mt-0.5";
+export declare const formErrorAlertContentClasses = "flex-1";
+export declare const formErrorAlertTitleClasses = "text-sm font-medium text-red-800";
+export declare const formErrorAlertMessageClasses = "text-sm text-red-700 mt-1";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/form-error-alert/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-error-alert/variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,qDACc,CAAC;AAErD,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,yCACE,CAAC;AAEzC,eAAO,MAAM,4BAA4B,WAAW,CAAC;AAErD,eAAO,MAAM,0BAA0B,qCACH,CAAC;AAErC,eAAO,MAAM,4BAA4B,8BAA8B,CAAC"}

package/dist/components/molecules/form-error-alert/variants.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const formErrorAlertRootClasses = "rounded-none bg-red-50 p-4 border border-red-200";
+const formErrorAlertWrapperClasses = "flex items-start gap-2";
+const formErrorAlertIconClasses = "h-5 w-5 text-red-600 shrink-0 mt-0.5";
+const formErrorAlertContentClasses = "flex-1";
+const formErrorAlertTitleClasses = "text-sm font-medium text-red-800";
+const formErrorAlertMessageClasses = "text-sm text-red-700 mt-1";
+
+exports.formErrorAlertContentClasses = formErrorAlertContentClasses;
+exports.formErrorAlertIconClasses = formErrorAlertIconClasses;
+exports.formErrorAlertMessageClasses = formErrorAlertMessageClasses;
+exports.formErrorAlertRootClasses = formErrorAlertRootClasses;
+exports.formErrorAlertTitleClasses = formErrorAlertTitleClasses;
+exports.formErrorAlertWrapperClasses = formErrorAlertWrapperClasses;

package/dist/components/molecules/form-error-alert/variants.mjs

@@ -0,0 +1,8 @@
+const formErrorAlertRootClasses = "rounded-none bg-red-50 p-4 border border-red-200";
+const formErrorAlertWrapperClasses = "flex items-start gap-2";
+const formErrorAlertIconClasses = "h-5 w-5 text-red-600 shrink-0 mt-0.5";
+const formErrorAlertContentClasses = "flex-1";
+const formErrorAlertTitleClasses = "text-sm font-medium text-red-800";
+const formErrorAlertMessageClasses = "text-sm text-red-700 mt-1";
+
+export { formErrorAlertContentClasses, formErrorAlertIconClasses, formErrorAlertMessageClasses, formErrorAlertRootClasses, formErrorAlertTitleClasses, formErrorAlertWrapperClasses };

package/dist/components/molecules/input-button/components/input-button.d.ts

@@ -0,0 +1,27 @@
+import type { JSX } from "react";
+import type { InputButtonActionProps, InputButtonInputProps, InputButtonProviderProps, InputButtonSubmitProps } from "../types";
+declare function InputButtonProvider(props: InputButtonProviderProps): JSX.Element;
+declare namespace InputButtonProvider {
+    var displayName: string;
+}
+declare function InputButtonAction(props: InputButtonActionProps): JSX.Element;
+declare namespace InputButtonAction {
+    var displayName: string;
+}
+declare function InputButtonSubmit(props: InputButtonSubmitProps): JSX.Element;
+declare namespace InputButtonSubmit {
+    var displayName: string;
+}
+declare function InputButtonInput(props: InputButtonInputProps): JSX.Element;
+declare namespace InputButtonInput {
+    var displayName: string;
+}
+declare const InputButton: {
+    Provider: typeof InputButtonProvider;
+    Action: typeof InputButtonAction;
+    Submit: typeof InputButtonSubmit;
+    Input: typeof InputButtonInput;
+};
+export { InputButton, InputButtonProvider, InputButtonAction, InputButtonSubmit, InputButtonInput, };
+export type { InputButtonProviderProps, InputButtonActionProps, InputButtonSubmitProps, InputButtonInputProps, };
+//# sourceMappingURL=input-button.d.ts.map

package/dist/components/molecules/input-button/components/input-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/input-button/components/input-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EACX,sBAAsB,EAEtB,qBAAqB,EACrB,wBAAwB,EACxB,sBAAsB,EACtB,MAAM,UAAU,CAAC;AAyBlB,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA4CzE;kBA5CQ,mBAAmB;;;AAgD5B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAiBrE;kBAjBQ,iBAAiB;;;AAqB1B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAuBrE;kBAvBQ,iBAAiB;;;AA2B1B,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAoBnE;kBApBQ,gBAAgB;;;AAwBzB,QAAA,MAAM,WAAW;;;;;CAKhB,CAAC;AAEF,OAAO,EACN,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GAChB,CAAC;AACF,YAAY,EACX,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACrB,CAAC"}

package/dist/components/molecules/input-button/components/input-button.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var variants = require('../variants');
+var utils = require('../../../../lib/utils');
+var button = require('../../../atoms/button');
+var input = require('../../../atoms/input');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const InputButtonContext = React__namespace.createContext(null);
+function useInputButtonContext() {
+  const context = React__namespace.useContext(InputButtonContext);
+  if (!context) {
+    throw new Error("InputButton subcomponents must be used within an InputButton.Provider");
+  }
+  return context;
+}
+function InputButtonProvider(props) {
+  const {
+    showInput: controlledShow,
+    onShowInputChange,
+    size = "md",
+    onSubmit,
+    children,
+    style,
+    className
+  } = props;
+  const [internalShow, setInternalShow] = React__namespace.useState(false);
+  const isControlled = controlledShow !== void 0;
+  const showInput = isControlled ? controlledShow : internalShow;
+  const setShowInput = React__namespace.useCallback(
+    (show) => {
+      if (!isControlled) {
+        setInternalShow(show);
+      }
+      onShowInputChange?.(show);
+    },
+    [isControlled, onShowInputChange]
+  );
+  const ctx = { showInput, setShowInput, size, onSubmit };
+  return /* @__PURE__ */ jsxRuntime.jsx(InputButtonContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    input.Input.Root,
+    {
+      size,
+      fullWidth: showInput,
+      className: utils.cn(
+        "overflow-hidden transition-[width] duration-300 ease-in-out",
+        showInput ? "w-full" : "w-auto",
+        className
+      ),
+      style,
+      children
+    }
+  ) });
+}
+InputButtonProvider.displayName = "InputButton.Provider";
+function InputButtonAction(props) {
+  const { children, style, className } = props;
+  const { setShowInput, showInput } = useInputButtonContext();
+  if (showInput) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      type: "button",
+      variant: "ghost",
+      className: utils.cn(variants.inputButtonActionClasses, className),
+      style,
+      onClick: () => setShowInput(true),
+      children
+    }
+  );
+}
+InputButtonAction.displayName = "InputButton.Action";
+function InputButtonSubmit(props) {
+  const { children, icon, style, className } = props;
+  const { showInput, setShowInput, size, onSubmit } = useInputButtonContext();
+  const handleClick = (e) => {
+    if (!showInput) {
+      setShowInput(true);
+    } else if (onSubmit) {
+      onSubmit();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      type: "button",
+      size,
+      className: utils.cn(variants.inputButtonSubmitBaseClasses, className),
+      style,
+      onClick: handleClick,
+      children: showInput ? children : icon
+    }
+  );
+}
+InputButtonSubmit.displayName = "InputButton.Submit";
+function InputButtonInput(props) {
+  const { style, className, ...other } = props;
+  const { showInput } = useInputButtonContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        variants.inputButtonGridClasses,
+        showInput ? variants.inputButtonGridExpandedClasses : variants.inputButtonGridCollapsedClasses
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: variants.inputButtonInputWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input.Field,
+        {
+          className: utils.cn(variants.inputButtonInputClasses, className),
+          style,
+          ...other
+        }
+      ) })
+    }
+  );
+}
+InputButtonInput.displayName = "InputButton.Input";
+const InputButton = {
+  Provider: InputButtonProvider,
+  Action: InputButtonAction,
+  Submit: InputButtonSubmit,
+  Input: InputButtonInput
+};
+
+exports.InputButton = InputButton;
+exports.InputButtonAction = InputButtonAction;
+exports.InputButtonInput = InputButtonInput;
+exports.InputButtonProvider = InputButtonProvider;
+exports.InputButtonSubmit = InputButtonSubmit;

package/dist/components/molecules/input-button/components/input-button.mjs

@@ -0,0 +1,124 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { inputButtonActionClasses, inputButtonSubmitBaseClasses, inputButtonInputWrapperClasses, inputButtonInputClasses, inputButtonGridClasses, inputButtonGridExpandedClasses, inputButtonGridCollapsedClasses } from '../variants';
+import { cn } from '../../../../lib/utils';
+import { Button } from '../../../atoms/button';
+import { Input } from '../../../atoms/input';
+
+const InputButtonContext = React.createContext(null);
+function useInputButtonContext() {
+  const context = React.useContext(InputButtonContext);
+  if (!context) {
+    throw new Error("InputButton subcomponents must be used within an InputButton.Provider");
+  }
+  return context;
+}
+function InputButtonProvider(props) {
+  const {
+    showInput: controlledShow,
+    onShowInputChange,
+    size = "md",
+    onSubmit,
+    children,
+    style,
+    className
+  } = props;
+  const [internalShow, setInternalShow] = React.useState(false);
+  const isControlled = controlledShow !== void 0;
+  const showInput = isControlled ? controlledShow : internalShow;
+  const setShowInput = React.useCallback(
+    (show) => {
+      if (!isControlled) {
+        setInternalShow(show);
+      }
+      onShowInputChange?.(show);
+    },
+    [isControlled, onShowInputChange]
+  );
+  const ctx = { showInput, setShowInput, size, onSubmit };
+  return /* @__PURE__ */ jsx(InputButtonContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    Input.Root,
+    {
+      size,
+      fullWidth: showInput,
+      className: cn(
+        "overflow-hidden transition-[width] duration-300 ease-in-out",
+        showInput ? "w-full" : "w-auto",
+        className
+      ),
+      style,
+      children
+    }
+  ) });
+}
+InputButtonProvider.displayName = "InputButton.Provider";
+function InputButtonAction(props) {
+  const { children, style, className } = props;
+  const { setShowInput, showInput } = useInputButtonContext();
+  if (showInput) return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      className: cn(inputButtonActionClasses, className),
+      style,
+      onClick: () => setShowInput(true),
+      children
+    }
+  );
+}
+InputButtonAction.displayName = "InputButton.Action";
+function InputButtonSubmit(props) {
+  const { children, icon, style, className } = props;
+  const { showInput, setShowInput, size, onSubmit } = useInputButtonContext();
+  const handleClick = (e) => {
+    if (!showInput) {
+      setShowInput(true);
+    } else if (onSubmit) {
+      onSubmit();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      size,
+      className: cn(inputButtonSubmitBaseClasses, className),
+      style,
+      onClick: handleClick,
+      children: showInput ? children : icon
+    }
+  );
+}
+InputButtonSubmit.displayName = "InputButton.Submit";
+function InputButtonInput(props) {
+  const { style, className, ...other } = props;
+  const { showInput } = useInputButtonContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        inputButtonGridClasses,
+        showInput ? inputButtonGridExpandedClasses : inputButtonGridCollapsedClasses
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: inputButtonInputWrapperClasses, children: /* @__PURE__ */ jsx(
+        Input.Field,
+        {
+          className: cn(inputButtonInputClasses, className),
+          style,
+          ...other
+        }
+      ) })
+    }
+  );
+}
+InputButtonInput.displayName = "InputButton.Input";
+const InputButton = {
+  Provider: InputButtonProvider,
+  Action: InputButtonAction,
+  Submit: InputButtonSubmit,
+  Input: InputButtonInput
+};
+
+export { InputButton, InputButtonAction, InputButtonInput, InputButtonProvider, InputButtonSubmit };

package/dist/components/molecules/input-button/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/input-button";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/input-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/input-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/input-button/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var inputButton = require('./components/input-button');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(inputButton).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return inputButton[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/input-button/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/input-button';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/input-button/types.d.ts

@@ -0,0 +1,33 @@
+import type { CSSProperties, InputHTMLAttributes, ReactNode } from "react";
+import type { InputSize } from "../../atoms/input/types";
+export interface InputButtonContextValue {
+    showInput: boolean;
+    setShowInput: (show: boolean) => void;
+    size: InputSize;
+    onSubmit?: () => void;
+}
+export interface InputButtonProviderProps {
+    showInput?: boolean;
+    onShowInputChange?: (show: boolean) => void;
+    size?: InputSize;
+    onSubmit?: () => void;
+    children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+export interface InputButtonActionProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+export interface InputButtonSubmitProps {
+    children?: ReactNode;
+    icon?: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+export interface InputButtonInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    style?: CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/input-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/input-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/molecules/input-button/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/input-button/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/input-button/variants.d.ts

@@ -0,0 +1,16 @@
+import type { InputSize } from "../../atoms/input/types";
+export declare const inputButtonProviderBaseClasses = "relative inline-flex items-stretch overflow-hidden rounded-none border border-border bg-background transition-[width,border-color,box-shadow] duration-200 focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:border-ring";
+export declare const inputButtonProviderSizeClasses: Record<InputSize, string>;
+export declare const inputButtonGridClasses = "grid transition-[grid-template-columns] duration-300 ease-in-out";
+export declare const inputButtonGridExpandedClasses = "grid-cols-[1fr]";
+export declare const inputButtonGridCollapsedClasses = "grid-cols-[0fr]";
+export declare const inputButtonActionClasses = "h-full rounded-none shrink-0";
+export declare const inputButtonSubmitBaseClasses = "h-full shrink-0 rounded-none transition-all duration-200";
+export declare const inputButtonInputWrapperClasses = "overflow-hidden flex items-center";
+export declare const inputButtonInputClasses = "h-full w-full border-0 bg-transparent ring-0 focus:ring-0 focus-visible:ring-0 shadow-none";
+export declare function getInputButtonProviderClasses(opts: {
+    size: InputSize;
+    showInput: boolean;
+    className?: string;
+}): string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/input-button/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/input-button/variants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAO,MAAM,8BAA8B,0OAC8L,CAAC;AAE1O,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMpE,CAAC;AAEF,eAAO,MAAM,sBAAsB,qEACiC,CAAC;AACrE,eAAO,MAAM,8BAA8B,oBAAoB,CAAC;AAChE,eAAO,MAAM,+BAA+B,oBAAoB,CAAC;AAEjE,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AAEvE,eAAO,MAAM,4BAA4B,6DACmB,CAAC;AAE7D,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAElF,eAAO,MAAM,uBAAuB,+FAC0D,CAAC;AAE/F,wBAAgB,6BAA6B,CAAC,IAAI,EAAE;IAClD,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,UAOA"}

package/dist/components/molecules/input-button/variants.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var utils = require('../../../lib/utils');
+
+const inputButtonProviderBaseClasses = "relative inline-flex items-stretch overflow-hidden rounded-none border border-border bg-background transition-[width,border-color,box-shadow] duration-200 focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:border-ring";
+const inputButtonProviderSizeClasses = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const inputButtonGridClasses = "grid transition-[grid-template-columns] duration-300 ease-in-out";
+const inputButtonGridExpandedClasses = "grid-cols-[1fr]";
+const inputButtonGridCollapsedClasses = "grid-cols-[0fr]";
+const inputButtonActionClasses = "h-full rounded-none shrink-0";
+const inputButtonSubmitBaseClasses = "h-full shrink-0 rounded-none transition-all duration-200";
+const inputButtonInputWrapperClasses = "overflow-hidden flex items-center";
+const inputButtonInputClasses = "h-full w-full border-0 bg-transparent ring-0 focus:ring-0 focus-visible:ring-0 shadow-none";
+function getInputButtonProviderClasses(opts) {
+  return utils.cn(
+    inputButtonProviderBaseClasses,
+    inputButtonProviderSizeClasses[opts.size],
+    opts.showInput ? "w-full" : "w-auto",
+    opts.className
+  );
+}
+
+exports.getInputButtonProviderClasses = getInputButtonProviderClasses;
+exports.inputButtonActionClasses = inputButtonActionClasses;
+exports.inputButtonGridClasses = inputButtonGridClasses;
+exports.inputButtonGridCollapsedClasses = inputButtonGridCollapsedClasses;
+exports.inputButtonGridExpandedClasses = inputButtonGridExpandedClasses;
+exports.inputButtonInputClasses = inputButtonInputClasses;
+exports.inputButtonInputWrapperClasses = inputButtonInputWrapperClasses;
+exports.inputButtonProviderBaseClasses = inputButtonProviderBaseClasses;
+exports.inputButtonProviderSizeClasses = inputButtonProviderSizeClasses;
+exports.inputButtonSubmitBaseClasses = inputButtonSubmitBaseClasses;

package/dist/components/molecules/input-button/variants.mjs

@@ -0,0 +1,27 @@
+import { cn } from '../../../lib/utils';
+
+const inputButtonProviderBaseClasses = "relative inline-flex items-stretch overflow-hidden rounded-none border border-border bg-background transition-[width,border-color,box-shadow] duration-200 focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:border-ring";
+const inputButtonProviderSizeClasses = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const inputButtonGridClasses = "grid transition-[grid-template-columns] duration-300 ease-in-out";
+const inputButtonGridExpandedClasses = "grid-cols-[1fr]";
+const inputButtonGridCollapsedClasses = "grid-cols-[0fr]";
+const inputButtonActionClasses = "h-full rounded-none shrink-0";
+const inputButtonSubmitBaseClasses = "h-full shrink-0 rounded-none transition-all duration-200";
+const inputButtonInputWrapperClasses = "overflow-hidden flex items-center";
+const inputButtonInputClasses = "h-full w-full border-0 bg-transparent ring-0 focus:ring-0 focus-visible:ring-0 shadow-none";
+function getInputButtonProviderClasses(opts) {
+  return cn(
+    inputButtonProviderBaseClasses,
+    inputButtonProviderSizeClasses[opts.size],
+    opts.showInput ? "w-full" : "w-auto",
+    opts.className
+  );
+}
+
+export { getInputButtonProviderClasses, inputButtonActionClasses, inputButtonGridClasses, inputButtonGridCollapsedClasses, inputButtonGridExpandedClasses, inputButtonInputClasses, inputButtonInputWrapperClasses, inputButtonProviderBaseClasses, inputButtonProviderSizeClasses, inputButtonSubmitBaseClasses };

package/dist/components/molecules/input-otp/components/input-otp.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { InputOTPGroupProps, InputOTPRootProps, InputOTPSeparatorProps, InputOTPSlotProps } from "../types";
+import type { JSX } from "react";
+declare const InputOTPRoot: React.ForwardRefExoticComponent<InputOTPRootProps & React.RefAttributes<HTMLDivElement>>;
+declare function InputOTPGroup(props: InputOTPGroupProps): JSX.Element;
+declare namespace InputOTPGroup {
+    var displayName: string;
+}
+declare function InputOTPSlot(props: InputOTPSlotProps): JSX.Element | null;
+declare namespace InputOTPSlot {
+    var displayName: string;
+}
+declare function InputOTPSeparator(props: InputOTPSeparatorProps): JSX.Element;
+declare namespace InputOTPSeparator {
+    var displayName: string;
+}
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPRootProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<InputOTPRootProps & React.RefAttributes<HTMLDivElement>>;
+    Group: typeof InputOTPGroup;
+    Slot: typeof InputOTPSlot;
+    Separator: typeof InputOTPSeparator;
+};
+export { InputOTP, InputOTPRoot, InputOTPGroup, InputOTPSlot, InputOTPSeparator, };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/components/molecules/input-otp/components/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/input-otp/components/input-otp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEX,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,QAAA,MAAM,YAAY,0FA2EjB,CAAC;AAIF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAO7D;kBAPQ,aAAa;;;AAWtB,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA0DlE;kBA1DQ,YAAY;;;AA8DrB,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAWrE;kBAXQ,iBAAiB;;;AAe1B,QAAA,MAAM,QAAQ;;;;;CAKZ,CAAC;AAEH,OAAO,EACN,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,GACjB,CAAC"}