@flexmatch-dev/react-ui 0.0.1

package/lib/components/Input/Selectable/InputOptionSwitch.d.ts

@@ -0,0 +1,10 @@
+import { InputSelectableProps } from '@context/Input';
+export interface InputOptionSwitchProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, InputSelectableProps<T> {
+    id?: string | undefined;
+}
+declare const InputOptionSwitch: {
+    <T>({ id, className, options, value, onChange, }: InputOptionSwitchProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default InputOptionSwitch;
+//# sourceMappingURL=InputOptionSwitch.d.ts.map

package/lib/components/Input/Selectable/InputOptionSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOptionSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Selectable/InputOptionSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAOtD,MAAM,WAAW,sBAAsB,CAAC,CAAC,CACvC,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;IACvF,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;AAED,QAAA,MAAM,iBAAiB;KAAI,CAAC,gDAMzB,sBAAsB,CAAC,CAAC,CAAC;;CAoC3B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Input/Selectable/InputOptionSwitch.js

@@ -0,0 +1,51 @@
+import { OptionSwitchContainerUI, OptionSwitchSelectionUI } from "../../atoms/option-switch.ui";
+import { useCallback, useMemo } from 'react';
+import InputOptionSwitchButton from "./InputOptionSwitchButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var size = 100;
+var InputOptionSwitch = function InputOptionSwitch(_ref) {
+  var id = _ref.id,
+    className = _ref.className,
+    options = _ref.options,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var positionX = useMemo(function () {
+    var index = options.findIndex(function (option) {
+      return option.value === value;
+    });
+    if (index === -1) {
+      return 0;
+    }
+    return index * size;
+  }, [options, value]);
+  var handleSelect = useCallback(function (eventKey) {
+    if (eventKey !== null) {
+      var option = options.find(function (opt) {
+        return String(opt.value) === String(eventKey);
+      });
+      if (option && onChange) {
+        onChange(option.value);
+      }
+    }
+  }, [options, onChange]);
+  return /*#__PURE__*/_jsxs(OptionSwitchContainerUI, {
+    id: id,
+    className: className,
+    children: [/*#__PURE__*/_jsx(OptionSwitchSelectionUI, {
+      style: {
+        transform: "translateX(".concat(positionX, "px)")
+      }
+    }), options.map(function (option) {
+      return /*#__PURE__*/_jsx(InputOptionSwitchButton, {
+        eventKey: String(option.value),
+        disabled: !!option.disabled,
+        onSelect: function onSelect(eventKey) {
+          return handleSelect(eventKey);
+        },
+        children: option.label
+      }, String(option.value));
+    })]
+  });
+};
+InputOptionSwitch.displayName = 'InputOptionSwitch';
+export default InputOptionSwitch;

package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts

@@ -0,0 +1,9 @@
+export interface InputOptionSwitchButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    disabled?: boolean | undefined;
+    eventKey?: string | number | null | undefined;
+    onSelect?: ((eventKey: string | number | null, event: React.SyntheticEvent<HTMLElement>) => void) | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+}
+declare const InputOptionSwitchButton: ({ disabled, eventKey, onSelect, onClick, children, ...props }: InputOptionSwitchButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputOptionSwitchButton;
+//# sourceMappingURL=InputOptionSwitchButton.d.ts.map

package/lib/components/Input/Selectable/InputOptionSwitchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOptionSwitchButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Selectable/InputOptionSwitchButton.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CACxD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE9C,QAAQ,CAAC,EACL,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GACtF,SAAS,CAAC;IAEd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC/D;AACD,QAAA,MAAM,uBAAuB,GAAI,+DAO9B,4BAA4B,4CA0D9B,CAAC;AACF,eAAe,uBAAuB,CAAC"}

package/lib/components/Input/Selectable/InputOptionSwitchButton.js

@@ -0,0 +1,63 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["disabled", "eventKey", "onSelect", "onClick", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { OptionSwitchButtonUI } from "../../atoms/option-switch.ui";
+import { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var InputOptionSwitchButton = function InputOptionSwitchButton(_ref) {
+  var disabled = _ref.disabled,
+    eventKey = _ref.eventKey,
+    onSelect = _ref.onSelect,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleClick = useCallback(function (e) {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    if (onClick) {
+      onClick(e);
+    }
+    if (!e.defaultPrevented) {
+      if (onSelect) {
+        onSelect(eventKey !== null && eventKey !== void 0 ? eventKey : null, e);
+      }
+    }
+  }, [disabled, onClick, onSelect, eventKey]);
+  var handleKeyDown = useCallback(function (e) {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      if (onClick) {
+        onClick(e);
+      }
+      if (!e.defaultPrevented) {
+        if (onSelect) {
+          onSelect(eventKey !== null && eventKey !== void 0 ? eventKey : null, e);
+        }
+      }
+    }
+  }, [disabled, onClick, onSelect, eventKey]);
+  return /*#__PURE__*/_jsx(OptionSwitchButtonUI, _objectSpread(_objectSpread({
+    disabled: !!disabled,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    tabIndex: disabled ? -1 : 0,
+    "aria-disabled": disabled
+  }, props), {}, {
+    children: children
+  }));
+};
+export default InputOptionSwitchButton;

package/lib/components/atoms/option-switch.ui.d.ts

@@ -0,0 +1,9 @@
+type OptionSwitchContainerUIProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const OptionSwitchContainerUI: ({ children, className, ...props }: OptionSwitchContainerUIProps) => import("react/jsx-runtime").JSX.Element;
+export interface OptionSwitchButtonUIProps extends React.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean | undefined;
+}
+export declare const OptionSwitchButtonUI: ({ className, ...props }: OptionSwitchButtonUIProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OptionSwitchSelectionUI: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-switch.ui.d.ts.map

package/lib/components/atoms/option-switch.ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-switch.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/option-switch.ui.tsx"],"names":[],"mappings":"AACA,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,GAAI,mCAIrC,4BAA4B,4CAM9B,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AACD,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,4CAatF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,yBAGrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAMtC,CAAC"}

package/lib/components/atoms/option-switch.ui.js

@@ -0,0 +1,41 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var OptionSwitchContainerUI = function OptionSwitchContainerUI(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: clsx('flexmatch-input-option-switch', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+export var OptionSwitchButtonUI = function OptionSwitchButtonUI(_ref2) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: clsx('flexmatch-input-option-switch-button', className, !!props.disabled && 'disabled')
+  }, props), {}, {
+    children: props.children
+  }));
+};
+export var OptionSwitchSelectionUI = function OptionSwitchSelectionUI(_ref3) {
+  var className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: clsx('flexmatch-input-option-switch-selection', className)
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("div", {})
+  }));
+};

package/lib/components/atoms/textbox.ui.d.ts

@@ -0,0 +1,4 @@
+type TextboxUIProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const TextboxUI: import("react").ForwardRefExoticComponent<TextboxUIProps & import("react").RefAttributes<HTMLInputElement>>;
+export default TextboxUI;
+//# sourceMappingURL=textbox.ui.d.ts.map

package/lib/components/atoms/textbox.ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textbox.ui.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/textbox.ui.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAClE,QAAA,MAAM,SAAS,6GAYb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/atoms/textbox.ui.js

@@ -0,0 +1,24 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var TextboxUI = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    type: "text",
+    className: clsx(className, 'p-2 w-full rounded-md border border-gray-200 text-b2 h-[50px] placeholder:text-gray-400 font-gray-800')
+  }));
+});
+TextboxUI.displayName = 'TextboxUI';
+export default TextboxUI;

package/lib/context/Input.d.ts

@@ -0,0 +1,11 @@
+export interface InputSelectableOption<T> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+}
+export interface InputSelectableProps<T> {
+    value?: T | undefined;
+    onChange?: (value: T) => void;
+    options: InputSelectableOption<T>[];
+}
+//# sourceMappingURL=Input.d.ts.map

package/lib/context/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/context/Input.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CACrC"}

package/lib/context/Input.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@atoms/option-switch.ui';
+export { default as TextboxUI } from '@atoms/textbox.ui';
+export { default as InputOptionSwitch } from '@components/Input/Selectable/InputOptionSwitch';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gDAAgD,CAAC"}

package/lib/index.js

@@ -0,0 +1,4 @@
+/* For Test */
+export * from "./components/atoms/option-switch.ui";
+export { default as TextboxUI } from "./components/atoms/textbox.ui";
+export { default as InputOptionSwitch } from "./components/Input/Selectable/InputOptionSwitch";

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@flexmatch-dev/react-ui",
+  "version": "0.0.1",
+  "description": "React UI component library by FlexMatch",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flexmatch/react-ui.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/flexmatch/react-ui/issues"
+  },
+  "homepage": "https://github.com/flexmatch/react-ui#readme",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "flexmatch"
+  ],
+  "files": [
+    "lib",
+    "cjs",
+    "dist",
+    "README.md"
+  ],
+  "main": "./cjs/index.js",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "style": "./dist/index.css",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./style": "./dist/index.css",
+    "./dist/index.css": "./dist/index.css",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "rimraf lib cjs dist && npm run build:esm && npm run build:esm:types && npm run build:cjs && npm run build:cjs:types && npm run build:css",
+    "build:esm": "babel src --out-dir lib --delete-dir-on-start --env-name esm --extensions .ts,.tsx --ignore '**/*.d.ts','**/*.css'",
+    "build:cjs": "babel src --out-dir cjs --env-name cjs --delete-dir-on-start --extensions .ts,.tsx --ignore '**/*.d.ts','**/*.css' && echo '{\"type\": \"commonjs\"}' > cjs/package.json",
+    "build:esm:types": "tsc --emitDeclarationOnly --outDir lib",
+    "build:cjs:types": "tsc --emitDeclarationOnly --outDir cjs",
+    "build:css": "node scripts/parse-figma.js && node scripts/build-css.js",
+    "dev": "node -e \"require('fs').writeFileSync('cjs/package.json', JSON.stringify({type: 'commonjs'}, null, 2))\" && npm run build:css && concurrently \"npm run dev:esm\" \"npm run dev:cjs\" \"npm run dev:css\"",
+    "dev:esm": "babel src --out-dir lib --watch --env-name esm --extensions .ts,.tsx --ignore '**/*.d.ts','**/*.css'",
+    "dev:cjs": "babel src --out-dir cjs --watch --env-name cjs --extensions .ts,.tsx --ignore '**/*.d.ts','**/*.css'",
+    "dev:css": "node scripts/watch-css.js",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --fix",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.27.0",
+    "@restart/hooks": "^0.6.2",
+    "@restart/ui": "^1.9.4",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-perfectionist": "^4.15.1",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.4.0",
+    "prettier": "^3.7.4",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "concurrently": "^9.1.2",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0"
+  },
+  "peerDependencies": {
+    "@types/react": "^19.2.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}