@gobolt/genesis 0.0.7

package/dist/components/atoms/checkbox/styles.js

@@ -0,0 +1,582 @@
+import { d as ne } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import * as c from "react";
+import K, { forwardRef as oe, useRef as L, useImperativeHandle as ae } from "react";
+import { d as te, e as ce, c as I, h as T, _ as le, a as H, B as W, m as ie, n as se, D as M, E as de, z as q, C as U, F as ue, G as be, A as fe, H as X } from "../../../index-BWys7dkb.js";
+import { u as he, o as pe } from "../../../isVisible-CNQjrJPN.js";
+import { T as xe, W as Ce } from "../../../index-C7kFNqp2.js";
+import { F as me, u as J } from "../../../context-CZsFJmh6.js";
+var ge = ["prefixCls", "className", "style", "checked", "disabled", "defaultChecked", "type", "title", "onChange"], ke = /* @__PURE__ */ oe(function(e, r) {
+  var n = e.prefixCls, o = n === void 0 ? "rc-checkbox" : n, s = e.className, C = e.style, $ = e.checked, h = e.disabled, O = e.defaultChecked, y = O === void 0 ? !1 : O, d = e.type, S = d === void 0 ? "checkbox" : d, P = e.title, l = e.onChange, E = te(e, ge), m = L(null), u = L(null), a = he(y, {
+    value: $
+  }), _ = ce(a, 2), N = _[0], A = _[1];
+  ae(r, function() {
+    return {
+      focus: function(i) {
+        var f;
+        (f = m.current) === null || f === void 0 || f.focus(i);
+      },
+      blur: function() {
+        var i;
+        (i = m.current) === null || i === void 0 || i.blur();
+      },
+      input: m.current,
+      nativeElement: u.current
+    };
+  });
+  var b = I(o, s, T(T({}, "".concat(o, "-checked"), N), "".concat(o, "-disabled"), h)), p = function(i) {
+    h || ("checked" in e || A(i.target.checked), l == null || l({
+      target: H(H({}, e), {}, {
+        type: S,
+        checked: i.target.checked
+      }),
+      stopPropagation: function() {
+        i.stopPropagation();
+      },
+      preventDefault: function() {
+        i.preventDefault();
+      },
+      nativeEvent: i.nativeEvent
+    }));
+  };
+  return /* @__PURE__ */ c.createElement("span", {
+    className: b,
+    title: P,
+    style: C,
+    ref: u
+  }, /* @__PURE__ */ c.createElement("input", le({}, E, {
+    className: "".concat(o, "-input"),
+    ref: m,
+    onChange: p,
+    disabled: h,
+    checked: !!N,
+    type: S
+  })), /* @__PURE__ */ c.createElement("span", {
+    className: "".concat(o, "-inner")
+  }));
+});
+function ve(e) {
+  const r = K.useRef(null), n = () => {
+    W.cancel(r.current), r.current = null;
+  };
+  return [() => {
+    n(), r.current = W(() => {
+      r.current = null;
+    });
+  }, (C) => {
+    r.current && (C.stopPropagation(), n()), e == null || e(C);
+  }];
+}
+const $e = (e) => {
+  const {
+    checkboxCls: r
+  } = e, n = `${r}-wrapper`;
+  return [
+    // ===================== Basic =====================
+    {
+      // Group
+      [`${r}-group`]: Object.assign(Object.assign({}, M(e)), {
+        display: "inline-flex",
+        flexWrap: "wrap",
+        columnGap: e.marginXS,
+        // Group > Grid
+        [`> ${e.antCls}-row`]: {
+          flex: 1
+        }
+      }),
+      // Wrapper
+      [n]: Object.assign(Object.assign({}, M(e)), {
+        display: "inline-flex",
+        alignItems: "baseline",
+        cursor: "pointer",
+        // Fix checkbox & radio in flex align #30260
+        "&:after": {
+          display: "inline-block",
+          width: 0,
+          overflow: "hidden",
+          content: "'\\a0'"
+        },
+        // Checkbox near checkbox
+        [`& + ${n}`]: {
+          marginInlineStart: 0
+        },
+        [`&${n}-in-form-item`]: {
+          'input[type="checkbox"]': {
+            width: 14,
+            // FIXME: magic
+            height: 14
+            // FIXME: magic
+          }
+        }
+      }),
+      // Wrapper > Checkbox
+      [r]: Object.assign(Object.assign({}, M(e)), {
+        position: "relative",
+        whiteSpace: "nowrap",
+        lineHeight: 1,
+        cursor: "pointer",
+        borderRadius: e.borderRadiusSM,
+        // To make alignment right when `controlHeight` is changed
+        // Ref: https://github.com/ant-design/ant-design/issues/41564
+        alignSelf: "center",
+        // Wrapper > Checkbox > input
+        [`${r}-input`]: {
+          position: "absolute",
+          // Since baseline align will get additional space offset,
+          // we need to move input to top to make it align with text.
+          // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
+          inset: 0,
+          zIndex: 1,
+          cursor: "pointer",
+          opacity: 0,
+          margin: 0,
+          [`&:focus-visible + ${r}-inner`]: Object.assign({}, de(e))
+        },
+        // Wrapper > Checkbox > inner
+        [`${r}-inner`]: {
+          boxSizing: "border-box",
+          display: "block",
+          width: e.checkboxSize,
+          height: e.checkboxSize,
+          direction: "ltr",
+          backgroundColor: e.colorBgContainer,
+          border: `${q(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,
+          borderRadius: e.borderRadiusSM,
+          borderCollapse: "separate",
+          transition: `all ${e.motionDurationSlow}`,
+          "&:after": {
+            boxSizing: "border-box",
+            position: "absolute",
+            top: "50%",
+            insetInlineStart: "25%",
+            display: "table",
+            width: e.calc(e.checkboxSize).div(14).mul(5).equal(),
+            height: e.calc(e.checkboxSize).div(14).mul(8).equal(),
+            border: `${q(e.lineWidthBold)} solid ${e.colorWhite}`,
+            borderTop: 0,
+            borderInlineStart: 0,
+            transform: "rotate(45deg) scale(0) translate(-50%,-50%)",
+            opacity: 0,
+            content: '""',
+            transition: `all ${e.motionDurationFast} ${e.motionEaseInBack}, opacity ${e.motionDurationFast}`
+          }
+        },
+        // Wrapper > Checkbox + Text
+        "& + span": {
+          paddingInlineStart: e.paddingXS,
+          paddingInlineEnd: e.paddingXS
+        }
+      })
+    },
+    // ===================== Hover =====================
+    {
+      // Wrapper & Wrapper > Checkbox
+      [`
+        ${n}:not(${n}-disabled),
+        ${r}:not(${r}-disabled)
+      `]: {
+        [`&:hover ${r}-inner`]: {
+          borderColor: e.colorPrimary
+        }
+      },
+      [`${n}:not(${n}-disabled)`]: {
+        [`&:hover ${r}-checked:not(${r}-disabled) ${r}-inner`]: {
+          backgroundColor: e.colorPrimaryHover,
+          borderColor: "transparent"
+        },
+        [`&:hover ${r}-checked:not(${r}-disabled):after`]: {
+          borderColor: e.colorPrimaryHover
+        }
+      }
+    },
+    // ==================== Checked ====================
+    {
+      // Wrapper > Checkbox
+      [`${r}-checked`]: {
+        [`${r}-inner`]: {
+          backgroundColor: e.colorPrimary,
+          borderColor: e.colorPrimary,
+          "&:after": {
+            opacity: 1,
+            transform: "rotate(45deg) scale(1) translate(-50%,-50%)",
+            transition: `all ${e.motionDurationMid} ${e.motionEaseOutBack} ${e.motionDurationFast}`
+          }
+        }
+      },
+      [`
+        ${n}-checked:not(${n}-disabled),
+        ${r}-checked:not(${r}-disabled)
+      `]: {
+        [`&:hover ${r}-inner`]: {
+          backgroundColor: e.colorPrimaryHover,
+          borderColor: "transparent"
+        }
+      }
+    },
+    // ================= Indeterminate =================
+    {
+      [r]: {
+        "&-indeterminate": {
+          // Wrapper > Checkbox > inner
+          [`${r}-inner`]: {
+            backgroundColor: `${e.colorBgContainer} !important`,
+            borderColor: `${e.colorBorder} !important`,
+            "&:after": {
+              top: "50%",
+              insetInlineStart: "50%",
+              width: e.calc(e.fontSizeLG).div(2).equal(),
+              height: e.calc(e.fontSizeLG).div(2).equal(),
+              backgroundColor: e.colorPrimary,
+              border: 0,
+              transform: "translate(-50%, -50%) scale(1)",
+              opacity: 1,
+              content: '""'
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/50074
+          [`&:hover ${r}-inner`]: {
+            backgroundColor: `${e.colorBgContainer} !important`,
+            borderColor: `${e.colorPrimary} !important`
+          }
+        }
+      }
+    },
+    // ==================== Disable ====================
+    {
+      // Wrapper
+      [`${n}-disabled`]: {
+        cursor: "not-allowed"
+      },
+      // Wrapper > Checkbox
+      [`${r}-disabled`]: {
+        // Wrapper > Checkbox > input
+        [`&, ${r}-input`]: {
+          cursor: "not-allowed",
+          // Disabled for native input to enable Tooltip event handler
+          // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
+          pointerEvents: "none"
+        },
+        // Wrapper > Checkbox > inner
+        [`${r}-inner`]: {
+          background: e.colorBgContainerDisabled,
+          borderColor: e.colorBorder,
+          "&:after": {
+            borderColor: e.colorTextDisabled
+          }
+        },
+        "&:after": {
+          display: "none"
+        },
+        "& + span": {
+          color: e.colorTextDisabled
+        },
+        [`&${r}-indeterminate ${r}-inner::after`]: {
+          background: e.colorTextDisabled
+        }
+      }
+    }
+  ];
+};
+function ye(e, r) {
+  const n = se(r, {
+    checkboxCls: `.${e}`,
+    checkboxSize: r.controlInteractiveSize
+  });
+  return [$e(n)];
+}
+const Q = ie("Checkbox", (e, r) => {
+  let {
+    prefixCls: n
+  } = r;
+  return [ye(n, e)];
+}), Y = /* @__PURE__ */ K.createContext(null);
+var Se = function(e, r) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
+    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
+  return n;
+};
+const Ae = (e, r) => {
+  var n;
+  const {
+    prefixCls: o,
+    className: s,
+    rootClassName: C,
+    children: $,
+    indeterminate: h = !1,
+    style: O,
+    onMouseEnter: y,
+    onMouseLeave: d,
+    skipGroup: S = !1,
+    disabled: P
+  } = e, l = Se(e, ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"]), {
+    getPrefixCls: E,
+    direction: m,
+    checkbox: u
+  } = c.useContext(U), a = c.useContext(Y), {
+    isFormItemInput: _
+  } = c.useContext(me), N = c.useContext(ue), A = (n = (a == null ? void 0 : a.disabled) || P) !== null && n !== void 0 ? n : N, b = c.useRef(l.value), p = c.useRef(null), w = be(r, p);
+  if (process.env.NODE_ENV !== "production") {
+    const x = fe("Checkbox");
+    process.env.NODE_ENV !== "production" && x("checked" in l || !!a || !("value" in l), "usage", "`value` is not a valid prop, do you mean `checked`?");
+  }
+  c.useEffect(() => {
+    a == null || a.registerValue(l.value);
+  }, []), c.useEffect(() => {
+    if (!S)
+      return l.value !== b.current && (a == null || a.cancelValue(b.current), a == null || a.registerValue(l.value), b.current = l.value), () => a == null ? void 0 : a.cancelValue(l.value);
+  }, [l.value]), c.useEffect(() => {
+    var x;
+    !((x = p.current) === null || x === void 0) && x.input && (p.current.input.indeterminate = h);
+  }, [h]);
+  const i = E("checkbox", o), f = J(i), [j, F, D] = Q(i, f), g = Object.assign({}, l);
+  a && !S && (g.onChange = function() {
+    l.onChange && l.onChange.apply(l, arguments), a.toggleOption && a.toggleOption({
+      label: $,
+      value: l.value
+    });
+  }, g.name = a.name, g.checked = a.value.includes(l.value));
+  const B = I(`${i}-wrapper`, {
+    [`${i}-rtl`]: m === "rtl",
+    [`${i}-wrapper-checked`]: g.checked,
+    [`${i}-wrapper-disabled`]: A,
+    [`${i}-wrapper-in-form-item`]: _
+  }, u == null ? void 0 : u.className, s, C, D, f, F), t = I({
+    [`${i}-indeterminate`]: h
+  }, xe, F), [k, v] = ve(g.onClick);
+  return j(/* @__PURE__ */ c.createElement(Ce, {
+    component: "Checkbox",
+    disabled: A
+  }, /* @__PURE__ */ c.createElement("label", {
+    className: B,
+    style: Object.assign(Object.assign({}, u == null ? void 0 : u.style), O),
+    onMouseEnter: y,
+    onMouseLeave: d,
+    onClick: k
+  }, /* @__PURE__ */ c.createElement(ke, Object.assign({}, g, {
+    onClick: v,
+    prefixCls: i,
+    className: t,
+    disabled: A,
+    ref: w
+  })), $ !== void 0 && /* @__PURE__ */ c.createElement("span", null, $))));
+}, G = /* @__PURE__ */ c.forwardRef(Ae);
+process.env.NODE_ENV !== "production" && (G.displayName = "Checkbox");
+var we = function(e, r) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
+    r.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
+  return n;
+};
+const Oe = /* @__PURE__ */ c.forwardRef((e, r) => {
+  const {
+    defaultValue: n,
+    children: o,
+    options: s = [],
+    prefixCls: C,
+    className: $,
+    rootClassName: h,
+    style: O,
+    onChange: y
+  } = e, d = we(e, ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"]), {
+    getPrefixCls: S,
+    direction: P
+  } = c.useContext(U), [l, E] = c.useState(d.value || n || []), [m, u] = c.useState([]);
+  c.useEffect(() => {
+    "value" in d && E(d.value || []);
+  }, [d.value]);
+  const a = c.useMemo(() => s.map((t) => typeof t == "string" || typeof t == "number" ? {
+    label: t,
+    value: t
+  } : t), [s]), _ = (t) => {
+    u((k) => k.filter((v) => v !== t));
+  }, N = (t) => {
+    u((k) => [].concat(X(k), [t]));
+  }, A = (t) => {
+    const k = l.indexOf(t.value), v = X(l);
+    k === -1 ? v.push(t.value) : v.splice(k, 1), "value" in d || E(v), y == null || y(v.filter((x) => m.includes(x)).sort((x, Z) => {
+      const ee = a.findIndex((z) => z.value === x), re = a.findIndex((z) => z.value === Z);
+      return ee - re;
+    }));
+  }, b = S("checkbox", C), p = `${b}-group`, w = J(b), [i, f, j] = Q(b, w), F = pe(d, ["value", "disabled"]), D = s.length ? a.map((t) => /* @__PURE__ */ c.createElement(G, {
+    prefixCls: b,
+    key: t.value.toString(),
+    disabled: "disabled" in t ? t.disabled : d.disabled,
+    value: t.value,
+    checked: l.includes(t.value),
+    onChange: t.onChange,
+    className: `${p}-item`,
+    style: t.style,
+    title: t.title,
+    id: t.id,
+    required: t.required
+  }, t.label)) : o, g = {
+    toggleOption: A,
+    value: l,
+    disabled: d.disabled,
+    name: d.name,
+    // https://github.com/ant-design/ant-design/issues/16376
+    registerValue: N,
+    cancelValue: _
+  }, B = I(p, {
+    [`${p}-rtl`]: P === "rtl"
+  }, $, h, j, w, f);
+  return i(/* @__PURE__ */ c.createElement("div", Object.assign({
+    className: B,
+    style: O
+  }, F, {
+    ref: r
+  }), /* @__PURE__ */ c.createElement(Y.Provider, {
+    value: g
+  }, D)));
+}), V = G;
+V.Group = Oe;
+V.__ANT_CHECKBOX = !0;
+process.env.NODE_ENV !== "production" && (V.displayName = "Checkbox");
+const R = "#384DF6", Ee = ({ colors: e, borderRadius: r }, n = "primary", o = "active") => `
+  .ant-checkbox-inner {
+    background-color: #FFFFFF;
+    border-color: #9A9A9A;
+    border-radius: 2px;
+    transition: all 0.2s ease-in-out;
+
+    &::after {
+      border-color: #9A9A9A;
+      border: 2px solid ${e[n][o].color};
+      border-top: 0;
+      border-left: 0;
+      content: "";
+      display: table;
+      height: 9px;
+      left: 6px;
+      opacity: 1;
+      position: absolute;
+      top: 2px;
+      transform: rotate(45deg) scale(1);
+      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+      width: 5px;
+    }
+  }
+
+  &:hover .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-disabled .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+    background-color: #F4F4F4;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  &:hover .ant-checkbox-disabled .ant-checkbox-inner::after {
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #F4F4F4;
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #F4F4F4;
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #fff;
+    border-color: #9A9A9A;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: ${e[n].active.color};
+  }
+
+  &:hover .ant-checkbox-inner {
+    border-color: #9A9A9A;
+
+    
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: #9A9A9A;
+    border-color: #FFF;
+    
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #fff;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color:${e[n].focussed.ringColor};
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${R};
+    border-color: ${R};
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${R};
+    border-color: ${R};
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #fff;
+  }
+
+  &:hover .ant-checkbox-inner {
+    border-color: #9A9A9A;
+  }
+
+  &:hover .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: ${e[n].focussed.ringColor};
+    border-color: #6C6C6C;
+  }
+
+  .ant-checkbox:focus-visible .ant-checkbox-inner,
+  .ant-checkbox-input:focus-visible + .ant-checkbox-inner {
+    outline: none;
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+    border-radius: ${r.BorderRadiusXs}px;
+    border-color: #9A9A9A;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+
+  .ant-checkbox-input:focus + .ant-checkbox-inner {
+    border-color: ${e[n].hover.borderColor};
+  }
+
+  &:focus-visible {
+    outline: none;
+    color: ${e[n].focussed.color};
+    background-color: ${e[n].focussed.backgroundColor};
+    box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${e[n].focussed.ringColor};
+    border-radius: ${r.BorderRadiusXs}px;
+    border-color: #9A9A9A;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+`, Ve = ne(V)`
+  ${({ theme: e, type: r, state: n }) => Ee(e, r, n)}
+`;
+export {
+  Ve as StyledCheckbox,
+  Ee as getGenesisClass
+};

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

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/atoms/index.js

@@ -0,0 +1,3 @@
+import "react/jsx-runtime";
+import "./button/styles.js";
+import "../../providers/ThemeProvider.js";

package/dist/components/atoms/input/Input.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TYPE, STATE } from '../../../constants';
+import { InputProps as AntInputProps } from 'antd';
+
+export type GenesisInputType = keyof typeof TYPE;
+export interface InputProps extends AntInputProps {
+    type?: GenesisButtonType;
+    state?: keyof typeof STATE;
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/components/atoms/input/Input.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Input as o } from "./styles.js";
+import { useBreakpoint as p } from "../../../providers/ThemeProvider.js";
+import { TYPE as m, STATE as e } from "../../../constants/index.js";
+const I = ({
+  type: a = m.primary,
+  state: i = e.active,
+  ...t
+}) => (p(), /* @__PURE__ */ r(o, { ...t }));
+export {
+  I as default
+};

package/dist/components/atoms/input/__stories__/Input.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Input } from '../Input';
+
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const AddonAfter: Story;
+export declare const AddonBefore: Story;
+export declare const AddonBeforeAfter: Story;

package/dist/components/atoms/input/__tests__/Input.test.d.ts

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

package/dist/components/atoms/input/__tests__/Input.test.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as r, i as o, a as s, s as n, g as i } from "../../../../setup-CMYVZCPF.js";
+import p from "../Input.js";
+import { TYPE as u, STATE as c } from "../../../../constants/index.js";
+r("Input Component", () => {
+  o("customRenders input with default props", () => {
+    s(/* @__PURE__ */ e(p, {}));
+    const t = n.getByRole("textbox");
+    i(t).toBeInTheDocument();
+  }), o("customRenders input with primary type", () => {
+    s(/* @__PURE__ */ e(p, { type: u.primary }));
+    const t = n.getByRole("textbox");
+    i(t).toHaveAttribute("type", "text");
+  }), o("customRenders input with active state", () => {
+    s(/* @__PURE__ */ e(p, { state: c.active }));
+    const t = n.getByRole("textbox");
+    i(t).toBeEnabled();
+  }), o("passes through additional props", () => {
+    const t = "Enter text";
+    s(/* @__PURE__ */ e(p, { placeholder: t }));
+    const a = n.getByPlaceholderText(t);
+    i(a).toBeInTheDocument();
+  }), o("handles disabled state", () => {
+    s(/* @__PURE__ */ e(p, { disabled: !0 }));
+    const t = n.getByRole("textbox");
+    i(t).toBeDisabled();
+  });
+});

package/dist/components/atoms/input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export type { InputProps } from './Input';

package/dist/components/atoms/input/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Input.js";
+export {
+  o as default
+};

package/dist/components/atoms/input/styles.d.ts

@@ -0,0 +1,14 @@
+import { InputProps as AntInputProps } from 'antd';
+
+interface InputStyledProps extends AntInputProps {
+}
+export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProps & import('react').RefAttributes<import('antd').InputRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd').InputRef>;
+}, InputStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProps & import('react').RefAttributes<import('antd').InputRef>> & {
+    Group: import('react').FC<import('antd/es/input').GroupProps>;
+    Search: import('react').ForwardRefExoticComponent<import('antd/es/input').SearchProps & import('react').RefAttributes<import('antd').InputRef>>;
+    TextArea: import('react').ForwardRefExoticComponent<import('antd/es/input').TextAreaProps & import('react').RefAttributes<import('antd/es/input/TextArea').TextAreaRef>>;
+    Password: import('react').ForwardRefExoticComponent<import('antd/es/input').PasswordProps & import('react').RefAttributes<import('antd').InputRef>>;
+    OTP: import('react').ForwardRefExoticComponent<import('antd/es/input/OTP').OTPProps & import('react').RefAttributes<import('antd/es/input/OTP').OTPRef>>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};