@shipfox/react-ui 0.7.0 → 0.8.0

package/dist/components/icon/custom/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,WAAW,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CA8FzE"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAE7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AA+B1C,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CA8GxE"}

package/dist/components/icon/custom/spinner.js

@@ -1,17 +1,69 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SpinnerIcon(_props) {
-    return /*#__PURE__*/ _jsxs("svg", {
-        width: "23",
-        height: "24",
-        viewBox: "0 0 23 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
+import { motion } from 'framer-motion';
+import { cn } from '../../../utils/cn.js';
+const SEGMENT_COUNT = 8;
+const DURATION = 1.2;
+const BASE_OPACITY = 0;
+const CLOCKWISE_ORDER = [
+    1,
+    8,
+    4,
+    6,
+    2,
+    7,
+    3,
+    5
+];
+const segmentVariants = {};
+for(let i = 0; i < SEGMENT_COUNT; i++){
+    const segmentIndex = CLOCKWISE_ORDER[i];
+    const delay = i * DURATION / SEGMENT_COUNT;
+    segmentVariants[`segment${segmentIndex}`] = {
+        initial: {
+            opacity: BASE_OPACITY
+        },
+        animate: {
+            opacity: [
+                BASE_OPACITY,
+                1,
+                BASE_OPACITY
+            ],
+            transition: {
+                duration: DURATION,
+                ease: 'easeInOut',
+                repeat: Infinity,
+                repeatType: 'loop',
+                delay,
+                times: [
+                    0,
+                    0.5,
+                    1
+                ]
+            }
+        }
+    };
+}
+export function SpinnerIcon(props) {
+    const { className, size, ...restProps } = props;
+    const iconSize = size ?? 24;
+    const svgProps = {
+        width: typeof iconSize === 'number' ? String(iconSize) : iconSize,
+        height: typeof iconSize === 'number' ? String(iconSize) : iconSize,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        xmlns: 'http://www.w3.org/2000/svg',
+        className: cn(className),
+        initial: 'initial',
+        animate: 'animate',
+        ...restProps
+    };
+    return /*#__PURE__*/ _jsxs(motion.svg, {
+        ...svgProps,
         children: [
             /*#__PURE__*/ _jsx("title", {
                 children: "Spinner"
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.55",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M10.583 1.91667C10.583 1.41041 10.9934 1 11.4997 1C12.0059 1 12.4163 1.41041 12.4163 1.91667V5.58333C12.4163 6.08959 12.0059 6.5 11.4997 6.5C10.9934 6.5 10.583 6.08959 10.583 5.58333V1.91667Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -23,9 +75,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment1
             }),
-            /*#__PURE__*/ _jsx("rect", {
+            /*#__PURE__*/ _jsx(motion.rect, {
                 x: "10.583",
                 y: "17.5",
                 width: "1.83333",
@@ -41,10 +94,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment2
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.25",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M1.41667 12.918C0.910406 12.918 0.5 12.5076 0.5 12.0013C0.5 11.495 0.910405 11.0846 1.41667 11.0846L5.08333 11.0846C5.58959 11.0846 6 11.495 6 12.0013C6 12.5076 5.58959 12.918 5.08333 12.918L1.41667 12.918Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -56,10 +109,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment3
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.75",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M17.9167 12.918C17.4104 12.918 17 12.5076 17 12.0013C17 11.495 17.4104 11.0846 17.9167 11.0846L21.5833 11.0846C22.0896 11.0846 22.5 11.495 22.5 12.0013C22.5 12.5076 22.0896 12.918 21.5833 12.918L17.9167 12.918Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -71,10 +124,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment4
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.38",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M3.7224 5.52123C3.36442 5.16325 3.36442 4.58285 3.7224 4.22487C4.08038 3.86689 4.66078 3.86688 5.01876 4.22487L7.61149 6.81759C7.96947 7.17557 7.96947 7.75597 7.61149 8.11395C7.25351 8.47193 6.67311 8.47193 6.31512 8.11395L3.7224 5.52123Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -86,10 +139,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment5
             }),
-            /*#__PURE__*/ _jsx("rect", {
-                opacity: "0.88",
+            /*#__PURE__*/ _jsx(motion.rect, {
                 x: "14.7412",
                 y: "16.5391",
                 width: "1.83333",
@@ -106,10 +159,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment6
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.13",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M5.0183 19.7796C4.66032 20.1375 4.07992 20.1375 3.72194 19.7796C3.36396 19.4216 3.36396 18.8412 3.72194 18.4832L6.31466 15.8905C6.67264 15.5325 7.25304 15.5325 7.61102 15.8905C7.969 16.2484 7.969 16.8288 7.61102 17.1868L5.0183 19.7796Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -121,10 +174,10 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment7
             }),
-            /*#__PURE__*/ _jsx("path", {
-                opacity: "0.63",
+            /*#__PURE__*/ _jsx(motion.path, {
                 d: "M16.6853 8.11354C16.3273 8.47152 15.7469 8.47152 15.3889 8.11354C15.0309 7.75556 15.0309 7.17516 15.3889 6.81718L17.9817 4.22445C18.3396 3.86647 18.92 3.86647 19.278 4.22445C19.636 4.58243 19.636 5.16283 19.278 5.52081L16.6853 8.11354Z",
                 fill: "currentColor",
                 stroke: "currentColor",
@@ -136,7 +189,8 @@ export function SpinnerIcon(_props) {
                 },
                 strokeWidth: "0.916667",
                 strokeLinecap: "round",
-                strokeLinejoin: "round"
+                strokeLinejoin: "round",
+                variants: segmentVariants.segment8
             })
         ]
     });

package/dist/components/icon/custom/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/spinner.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function SpinnerIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg width=\"23\" height=\"24\" viewBox=\"0 0 23 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <title>Spinner</title>\n      <path\n        opacity=\"0.55\"\n        d=\"M10.583 1.91667C10.583 1.41041 10.9934 1 11.4997 1C12.0059 1 12.4163 1.41041 12.4163 1.91667V5.58333C12.4163 6.08959 12.0059 6.5 11.4997 6.5C10.9934 6.5 10.583 6.08959 10.583 5.58333V1.91667Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        x=\"10.583\"\n        y=\"17.5\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        opacity=\"0.25\"\n        d=\"M1.41667 12.918C0.910406 12.918 0.5 12.5076 0.5 12.0013C0.5 11.495 0.910405 11.0846 1.41667 11.0846L5.08333 11.0846C5.58959 11.0846 6 11.495 6 12.0013C6 12.5076 5.58959 12.918 5.08333 12.918L1.41667 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        opacity=\"0.75\"\n        d=\"M17.9167 12.918C17.4104 12.918 17 12.5076 17 12.0013C17 11.495 17.4104 11.0846 17.9167 11.0846L21.5833 11.0846C22.0896 11.0846 22.5 11.495 22.5 12.0013C22.5 12.5076 22.0896 12.918 21.5833 12.918L17.9167 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        opacity=\"0.38\"\n        d=\"M3.7224 5.52123C3.36442 5.16325 3.36442 4.58285 3.7224 4.22487C4.08038 3.86689 4.66078 3.86688 5.01876 4.22487L7.61149 6.81759C7.96947 7.17557 7.96947 7.75597 7.61149 8.11395C7.25351 8.47193 6.67311 8.47193 6.31512 8.11395L3.7224 5.52123Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        opacity=\"0.88\"\n        x=\"14.7412\"\n        y=\"16.5391\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        transform=\"rotate(-45 14.7412 16.5391)\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        opacity=\"0.13\"\n        d=\"M5.0183 19.7796C4.66032 20.1375 4.07992 20.1375 3.72194 19.7796C3.36396 19.4216 3.36396 18.8412 3.72194 18.4832L6.31466 15.8905C6.67264 15.5325 7.25304 15.5325 7.61102 15.8905C7.969 16.2484 7.969 16.8288 7.61102 17.1868L5.0183 19.7796Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        opacity=\"0.63\"\n        d=\"M16.6853 8.11354C16.3273 8.47152 15.7469 8.47152 15.3889 8.11354C15.0309 7.75556 15.0309 7.17516 15.3889 6.81718L17.9817 4.22445C18.3396 3.86647 18.92 3.86647 19.278 4.22445C19.636 4.58243 19.636 5.16283 19.278 5.52081L16.6853 8.11354Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n"],"names":["SpinnerIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","opacity","d","stroke","style","fillOpacity","strokeOpacity","strokeWidth","strokeLinecap","strokeLinejoin","rect","x","y","rx","transform"],"mappings":";AAGA,OAAO,SAASA,YAAYC,MAA8C;IACxE,qBACE,MAACC;QAAIC,OAAM;QAAKC,QAAO;QAAKC,SAAQ;QAAYC,MAAK;QAAOC,OAAM;;0BAChE,KAACC;0BAAM;;0BACP,KAACC;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACC;gBACCC,GAAE;gBACFC,GAAE;gBACFlB,OAAM;gBACNC,QAAO;gBACPkB,IAAG;gBACHhB,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACT;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACT;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACT;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACC;gBACCT,SAAQ;gBACRU,GAAE;gBACFC,GAAE;gBACFlB,OAAM;gBACNC,QAAO;gBACPkB,IAAG;gBACHC,WAAU;gBACVjB,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACT;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACT;gBACCC,SAAQ;gBACRC,GAAE;gBACFL,MAAK;gBACLM,QAAO;gBACPC,OAAO;oBAACP,MAAM;oBAAgBQ,aAAa;oBAAGF,QAAQ;oBAAgBG,eAAe;gBAAC;gBACtFC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;;;AAIvB"}
+{"version":3,"sources":["../../../../src/components/icon/custom/spinner.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {motion, type SVGMotionProps, type Variants} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst SEGMENT_COUNT = 8;\nconst DURATION = 1.2;\nconst BASE_OPACITY = 0;\n\nconst CLOCKWISE_ORDER = [1, 8, 4, 6, 2, 7, 3, 5];\n\nconst segmentVariants: Record<string, Variants> = {};\n\nfor (let i = 0; i < SEGMENT_COUNT; i++) {\n  const segmentIndex = CLOCKWISE_ORDER[i];\n  const delay = (i * DURATION) / SEGMENT_COUNT;\n\n  segmentVariants[`segment${segmentIndex}`] = {\n    initial: {opacity: BASE_OPACITY},\n    animate: {\n      opacity: [BASE_OPACITY, 1, BASE_OPACITY],\n      transition: {\n        duration: DURATION,\n        ease: 'easeInOut',\n        repeat: Infinity,\n        repeatType: 'loop',\n        delay,\n        times: [0, 0.5, 1],\n      },\n    },\n  };\n}\n\nexport function SpinnerIcon(props: ComponentProps<RemixiconComponentType>) {\n  const {className, size, ...restProps} = props;\n\n  const iconSize = size ?? 24;\n\n  const svgProps: SVGMotionProps<SVGSVGElement> = {\n    width: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n    height: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    xmlns: 'http://www.w3.org/2000/svg',\n    className: cn(className),\n    initial: 'initial',\n    animate: 'animate',\n    ...(restProps as SVGMotionProps<SVGSVGElement>),\n  };\n  return (\n    <motion.svg {...svgProps}>\n      <title>Spinner</title>\n      <motion.path\n        d=\"M10.583 1.91667C10.583 1.41041 10.9934 1 11.4997 1C12.0059 1 12.4163 1.41041 12.4163 1.91667V5.58333C12.4163 6.08959 12.0059 6.5 11.4997 6.5C10.9934 6.5 10.583 6.08959 10.583 5.58333V1.91667Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment1}\n      />\n      <motion.rect\n        x=\"10.583\"\n        y=\"17.5\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment2}\n      />\n      <motion.path\n        d=\"M1.41667 12.918C0.910406 12.918 0.5 12.5076 0.5 12.0013C0.5 11.495 0.910405 11.0846 1.41667 11.0846L5.08333 11.0846C5.58959 11.0846 6 11.495 6 12.0013C6 12.5076 5.58959 12.918 5.08333 12.918L1.41667 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment3}\n      />\n      <motion.path\n        d=\"M17.9167 12.918C17.4104 12.918 17 12.5076 17 12.0013C17 11.495 17.4104 11.0846 17.9167 11.0846L21.5833 11.0846C22.0896 11.0846 22.5 11.495 22.5 12.0013C22.5 12.5076 22.0896 12.918 21.5833 12.918L17.9167 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment4}\n      />\n      <motion.path\n        d=\"M3.7224 5.52123C3.36442 5.16325 3.36442 4.58285 3.7224 4.22487C4.08038 3.86689 4.66078 3.86688 5.01876 4.22487L7.61149 6.81759C7.96947 7.17557 7.96947 7.75597 7.61149 8.11395C7.25351 8.47193 6.67311 8.47193 6.31512 8.11395L3.7224 5.52123Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment5}\n      />\n      <motion.rect\n        x=\"14.7412\"\n        y=\"16.5391\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        transform=\"rotate(-45 14.7412 16.5391)\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment6}\n      />\n      <motion.path\n        d=\"M5.0183 19.7796C4.66032 20.1375 4.07992 20.1375 3.72194 19.7796C3.36396 19.4216 3.36396 18.8412 3.72194 18.4832L6.31466 15.8905C6.67264 15.5325 7.25304 15.5325 7.61102 15.8905C7.969 16.2484 7.969 16.8288 7.61102 17.1868L5.0183 19.7796Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment7}\n      />\n      <motion.path\n        d=\"M16.6853 8.11354C16.3273 8.47152 15.7469 8.47152 15.3889 8.11354C15.0309 7.75556 15.0309 7.17516 15.3889 6.81718L17.9817 4.22445C18.3396 3.86647 18.92 3.86647 19.278 4.22445C19.636 4.58243 19.636 5.16283 19.278 5.52081L16.6853 8.11354Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment8}\n      />\n    </motion.svg>\n  );\n}\n"],"names":["motion","cn","SEGMENT_COUNT","DURATION","BASE_OPACITY","CLOCKWISE_ORDER","segmentVariants","i","segmentIndex","delay","initial","opacity","animate","transition","duration","ease","repeat","Infinity","repeatType","times","SpinnerIcon","props","className","size","restProps","iconSize","svgProps","width","String","height","viewBox","fill","xmlns","svg","title","path","d","stroke","style","fillOpacity","strokeOpacity","strokeWidth","strokeLinecap","strokeLinejoin","variants","segment1","rect","x","y","rx","segment2","segment3","segment4","segment5","transform","segment6","segment7","segment8"],"mappings":"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"}

package/dist/components/icon/icon.d.ts

@@ -1,35 +1,36 @@
-import { type RemixiconComponentType, RiGoogleFill } from '@remixicon/react';
+import type { RemixiconComponentType } from '@remixicon/react';
+import { RiGoogleFill } from '@remixicon/react';
 import type { ComponentProps } from 'react';
 import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIcon, ComponentLineIcon, EllipseMiniSolidIcon, InfoTooltipFillIcon, ResizeIcon, ShipfoxLogo, SlackLogo, SpinnerIcon, StripeLogo, ThunderIcon, XCircleSolidIcon } from './custom';
 declare const iconsMap: {
     readonly google: RemixiconComponentType;
     readonly microsoft: RemixiconComponentType;
+    readonly github: RemixiconComponentType;
+    readonly shipfox: typeof ShipfoxLogo;
+    readonly slack: typeof SlackLogo;
+    readonly stripe: typeof StripeLogo;
     readonly badge: typeof BadgeIcon;
     readonly checkCircleSolid: typeof CheckCircleSolidIcon;
     readonly circleDottedLine: typeof CircleDottedLineIcon;
     readonly componentFill: typeof ComponentFillIcon;
-    readonly xCircleSolid: typeof XCircleSolidIcon;
-    readonly thunder: typeof ThunderIcon;
-    readonly resize: typeof ResizeIcon;
+    readonly componentLine: typeof ComponentLineIcon;
+    readonly ellipseMiniSolid: typeof EllipseMiniSolidIcon;
     readonly infoTooltipFill: typeof InfoTooltipFillIcon;
+    readonly resize: typeof ResizeIcon;
     readonly spinner: typeof SpinnerIcon;
-    readonly ellipseMiniSolid: typeof EllipseMiniSolidIcon;
-    readonly componentLine: typeof ComponentLineIcon;
-    readonly imageAdd: RemixiconComponentType;
-    readonly close: RemixiconComponentType;
-    readonly shipfox: typeof ShipfoxLogo;
-    readonly slack: typeof SlackLogo;
-    readonly stripe: typeof StripeLogo;
-    readonly github: RemixiconComponentType;
+    readonly thunder: typeof ThunderIcon;
+    readonly xCircleSolid: typeof XCircleSolidIcon;
+    readonly addLine: RemixiconComponentType;
+    readonly bookOpen: RemixiconComponentType;
     readonly check: RemixiconComponentType;
-    readonly subtractLine: RemixiconComponentType;
+    readonly chevronRight: RemixiconComponentType;
+    readonly close: RemixiconComponentType;
+    readonly copy: RemixiconComponentType;
+    readonly homeSmile: RemixiconComponentType;
+    readonly imageAdd: RemixiconComponentType;
     readonly info: RemixiconComponentType;
     readonly money: RemixiconComponentType;
-    readonly homeSmile: RemixiconComponentType;
-    readonly copy: RemixiconComponentType;
-    readonly addLine: RemixiconComponentType;
-    readonly chevronRight: RemixiconComponentType;
-    readonly bookOpen: RemixiconComponentType;
+    readonly subtractLine: RemixiconComponentType;
 };
 export type IconName = keyof typeof iconsMap;
 export declare const iconNames: IconName[];

package/dist/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAQ3B,YAAY,EAOb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B6C,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,eAAO,MAAM,SAAS,EAA4B,QAAQ,EAAE,CAAC;AAE7D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAEhE,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAG/C"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAQL,YAAY,EAOb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B6C,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC7C,eAAO,MAAM,SAAS,EAA4B,QAAQ,EAAE,CAAC;AAE7D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAEhE,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAG/C"}

package/dist/components/icon/icon.js

@@ -4,32 +4,32 @@ import { BadgeIcon, CheckCircleSolidIcon, CircleDottedLineIcon, ComponentFillIco
 const iconsMap = {
     google: RiGoogleFill,
     microsoft: RiMicrosoftFill,
+    github: RiGithubFill,
+    shipfox: ShipfoxLogo,
+    slack: SlackLogo,
+    stripe: StripeLogo,
     badge: BadgeIcon,
     checkCircleSolid: CheckCircleSolidIcon,
     circleDottedLine: CircleDottedLineIcon,
     componentFill: ComponentFillIcon,
-    xCircleSolid: XCircleSolidIcon,
-    thunder: ThunderIcon,
-    resize: ResizeIcon,
+    componentLine: ComponentLineIcon,
+    ellipseMiniSolid: EllipseMiniSolidIcon,
     infoTooltipFill: InfoTooltipFillIcon,
+    resize: ResizeIcon,
     spinner: SpinnerIcon,
-    ellipseMiniSolid: EllipseMiniSolidIcon,
-    componentLine: ComponentLineIcon,
-    imageAdd: RiImageAddFill,
-    close: RiCloseLine,
-    shipfox: ShipfoxLogo,
-    slack: SlackLogo,
-    stripe: StripeLogo,
-    github: RiGithubFill,
+    thunder: ThunderIcon,
+    xCircleSolid: XCircleSolidIcon,
+    addLine: RiAddLine,
+    bookOpen: RiBookOpenFill,
     check: RiCheckLine,
-    subtractLine: RiSubtractLine,
+    chevronRight: RiArrowRightSLine,
+    close: RiCloseLine,
+    copy: RiFileCopyLine,
+    homeSmile: RiHomeSmileFill,
+    imageAdd: RiImageAddFill,
     info: RiInformationFill,
     money: RiMoneyDollarCircleLine,
-    homeSmile: RiHomeSmileFill,
-    copy: RiFileCopyLine,
-    addLine: RiAddLine,
-    chevronRight: RiArrowRightSLine,
-    bookOpen: RiBookOpenFill
+    subtractLine: RiSubtractLine
 };
 export const iconNames = Object.keys(iconsMap);
 export function Icon({ name, ...props }) {

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import {\n  type RemixiconComponentType,\n  RiAddLine,\n  RiArrowRightSLine,\n  RiBookOpenFill,\n  RiCheckLine,\n  RiCloseLine,\n  RiFileCopyLine,\n  RiGithubFill,\n  RiGoogleFill,\n  RiHomeSmileFill,\n  RiImageAddFill,\n  RiInformationFill,\n  RiMicrosoftFill,\n  RiMoneyDollarCircleLine,\n  RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SlackLogo,\n  SpinnerIcon,\n  StripeLogo,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\n\nconst iconsMap = {\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  xCircleSolid: XCircleSolidIcon,\n  thunder: ThunderIcon,\n  resize: ResizeIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  spinner: SpinnerIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  componentLine: ComponentLineIcon,\n  imageAdd: RiImageAddFill,\n  close: RiCloseLine,\n  shipfox: ShipfoxLogo,\n  slack: SlackLogo,\n  stripe: StripeLogo,\n  github: RiGithubFill,\n  check: RiCheckLine,\n  subtractLine: RiSubtractLine,\n  info: RiInformationFill,\n  money: RiMoneyDollarCircleLine,\n  homeSmile: RiHomeSmileFill,\n  copy: RiFileCopyLine,\n  addLine: RiAddLine,\n  chevronRight: RiArrowRightSLine,\n  bookOpen: RiBookOpenFill,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<typeof RiGoogleFill>;\ntype IconProps = {name: IconName} & Omit<BaseIconProps, 'name'>;\n\nexport function Icon({name, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  return <IconComponent {...props} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiBookOpenFill","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","iconsMap","google","microsoft","badge","checkCircleSolid","circleDottedLine","componentFill","xCircleSolid","thunder","resize","infoTooltipFill","spinner","ellipseMiniSolid","componentLine","imageAdd","close","shipfox","slack","stripe","github","check","subtractLine","info","money","homeSmile","copy","addLine","chevronRight","bookOpen","iconNames","Object","keys","Icon","name","props","IconComponent"],"mappings":";AAAA,SAEEA,SAAS,EACTC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAElB,MAAMC,WAAW;IACfC,QAAQtB;IACRuB,WAAWnB;IACXoB,OAAOjB;IACPkB,kBAAkBjB;IAClBkB,kBAAkBjB;IAClBkB,eAAejB;IACfkB,cAAcR;IACdS,SAASV;IACTW,QAAQhB;IACRiB,iBAAiBlB;IACjBmB,SAASf;IACTgB,kBAAkBrB;IAClBsB,eAAevB;IACfwB,UAAUjC;IACVkC,OAAOvC;IACPwC,SAAStB;IACTuB,OAAOtB;IACPuB,QAAQrB;IACRsB,QAAQzC;IACR0C,OAAO7C;IACP8C,cAAcpC;IACdqC,MAAMxC;IACNyC,OAAOvC;IACPwC,WAAW5C;IACX6C,MAAMhD;IACNiD,SAAStD;IACTuD,cAActD;IACduD,UAAUtD;AACZ;AAGA,OAAO,MAAMuD,YAAYC,OAAOC,IAAI,CAAC/B,UAAwB;AAK7D,OAAO,SAASgC,KAAK,EAACC,IAAI,EAAE,GAAGC,OAAiB;IAC9C,MAAMC,gBAAgBnC,QAAQ,CAACiC,KAAK;IACpC,qBAAO,KAACE;QAAe,GAAGD,KAAK;;AACjC"}
+{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {\n  RiAddLine,\n  RiArrowRightSLine,\n  RiBookOpenFill,\n  RiCheckLine,\n  RiCloseLine,\n  RiFileCopyLine,\n  RiGithubFill,\n  RiGoogleFill,\n  RiHomeSmileFill,\n  RiImageAddFill,\n  RiInformationFill,\n  RiMicrosoftFill,\n  RiMoneyDollarCircleLine,\n  RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SlackLogo,\n  SpinnerIcon,\n  StripeLogo,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\n\nconst iconsMap = {\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  github: RiGithubFill,\n  shipfox: ShipfoxLogo,\n  slack: SlackLogo,\n  stripe: StripeLogo,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  componentLine: ComponentLineIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  resize: ResizeIcon,\n  spinner: SpinnerIcon,\n  thunder: ThunderIcon,\n  xCircleSolid: XCircleSolidIcon,\n  addLine: RiAddLine,\n  bookOpen: RiBookOpenFill,\n  check: RiCheckLine,\n  chevronRight: RiArrowRightSLine,\n  close: RiCloseLine,\n  copy: RiFileCopyLine,\n  homeSmile: RiHomeSmileFill,\n  imageAdd: RiImageAddFill,\n  info: RiInformationFill,\n  money: RiMoneyDollarCircleLine,\n  subtractLine: RiSubtractLine,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<typeof RiGoogleFill>;\ntype IconProps = {name: IconName} & Omit<BaseIconProps, 'name'>;\n\nexport function Icon({name, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  return <IconComponent {...props} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiBookOpenFill","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","iconsMap","google","microsoft","github","shipfox","slack","stripe","badge","checkCircleSolid","circleDottedLine","componentFill","componentLine","ellipseMiniSolid","infoTooltipFill","resize","spinner","thunder","xCircleSolid","addLine","bookOpen","check","chevronRight","close","copy","homeSmile","imageAdd","info","money","subtractLine","iconNames","Object","keys","Icon","name","props","IconComponent"],"mappings":";AACA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAElB,MAAMC,WAAW;IACfC,QAAQtB;IACRuB,WAAWnB;IACXoB,QAAQzB;IACR0B,SAASV;IACTW,OAAOV;IACPW,QAAQT;IACRU,OAAOrB;IACPsB,kBAAkBrB;IAClBsB,kBAAkBrB;IAClBsB,eAAerB;IACfsB,eAAerB;IACfsB,kBAAkBrB;IAClBsB,iBAAiBrB;IACjBsB,QAAQrB;IACRsB,SAASnB;IACToB,SAASlB;IACTmB,cAAclB;IACdmB,SAAS9C;IACT+C,UAAU7C;IACV8C,OAAO7C;IACP8C,cAAchD;IACdiD,OAAO9C;IACP+C,MAAM9C;IACN+C,WAAW5C;IACX6C,UAAU5C;IACV6C,MAAM5C;IACN6C,OAAO3C;IACP4C,cAAc3C;AAChB;AAGA,OAAO,MAAM4C,YAAYC,OAAOC,IAAI,CAAC/B,UAAwB;AAK7D,OAAO,SAASgC,KAAK,EAACC,IAAI,EAAE,GAAGC,OAAiB;IAC9C,MAAMC,gBAAgBnC,QAAQ,CAACiC,KAAK;IACpC,qBAAO,KAACE;QAAe,GAAGD,KAAK;;AACjC"}

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './checkbox';
 export * from './code-block';
 export * from './dot-grid';
 export * from './dynamic-item';
+export * from './form';
 export * from './icon';
 export * from './inline-tips';
 export * from './input';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/components/index.js

@@ -6,6 +6,7 @@ export * from './checkbox/index.js';
 export * from './code-block/index.js';
 export * from './dot-grid/index.js';
 export * from './dynamic-item/index.js';
+export * from './form/index.js';
 export * from './icon/index.js';
 export * from './inline-tips/index.js';
 export * from './input/index.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './dot-grid';\nexport * from './dynamic-item';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './label';\nexport * from './modal';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './tooltip';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,eAAe"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './dot-grid';\nexport * from './dynamic-item';\nexport * from './form';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './label';\nexport * from './modal';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './tooltip';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,eAAe"}