@dgshahr/ui-kit 1.9.7 → 1.9.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "1.9.7",
+  "version": "1.9.9",
   "description": "A modern, accessible, and customizable React component library",
   "author": "dgshahr",
   "license": "MIT",
@@ -25,7 +25,8 @@
     "url": "https://github.com/dgshahr/uikit/issues"
   },
   "files": [
-    "dist"
+    "dist",
+    "INTEGRATION.md"
   ],
   "sideEffects": [
     "**/*.css"
@@ -176,6 +177,12 @@
       "import": "./dist/Progress/Doughnut/index.mjs",
       "require": "./dist/Progress/Doughnut/index.cjs"
     },
+    "./Progress/Step/*": null,
+    "./Progress/Step": {
+      "types": "./dist/Progress/Step/index.d.ts",
+      "import": "./dist/Progress/Step/index.mjs",
+      "require": "./dist/Progress/Step/index.cjs"
+    },
     "./Rate": {
       "types": "./dist/Rate/index.d.ts",
       "import": "./dist/Rate/index.mjs",

package/dist/FieldBottomInfo-Bb3s_zkd.js

@@ -1,49 +0,0 @@
-import { jsxs as r, jsx as d } from "react/jsx-runtime";
-import { c as g } from "./clsx-OuTLNxxd.js";
-import { I as o } from "./IconInfoCircleOutline-aO1F3qnG.js";
-const k = (a) => {
-  const { errorMessage: i, hintMessage: t, extraHelper: s, disabled: e, className: u } = a;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: g(
-        "dgsuikit:flex dgsuikit:font-p3-regular",
-        {
-          "dgsuikit:justify-between": (i ?? t) && s,
-          "dgsuikit:justify-start": (i ?? t) && !s,
-          "dgsuikit:justify-end": !(i ?? t) && s,
-          "dgsuikit:text-gray-400": e
-        },
-        i ? "dgsuikit:text-error-500" : "dgsuikit:text-primary-500",
-        u
-      ),
-      children: [
-        (i || t) && /* @__PURE__ */ r(
-          "div",
-          {
-            className: g(
-              "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:font-light",
-              {
-                "dgsuikit:text-gray-400": e
-              }
-            ),
-            children: [
-              /* @__PURE__ */ d(
-                o,
-                {
-                  width: 16,
-                  height: 16
-                }
-              ),
-              /* @__PURE__ */ d("span", { children: i ?? t })
-            ]
-          }
-        ),
-        s
-      ]
-    }
-  );
-};
-export {
-  k as F
-};

package/dist/FieldBottomInfo-CwNgNyMP.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),g=require("./IconInfoCircleOutline-0ef3qbeI.cjs"),l=u=>{const{errorMessage:i,hintMessage:t,extraHelper:s,disabled:r,className:d}=u;return e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:font-p3-regular",{"dgsuikit:justify-between":(i??t)&&s,"dgsuikit:justify-start":(i??t)&&!s,"dgsuikit:justify-end":!(i??t)&&s,"dgsuikit:text-gray-400":r},i?"dgsuikit:text-error-500":"dgsuikit:text-primary-500",d),children:[(i||t)&&e.jsxs("div",{className:n.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:font-light",{"dgsuikit:text-gray-400":r}),children:[e.jsx(g.IconInfoCircleOutline,{width:16,height:16}),e.jsx("span",{children:i??t})]}),s]})};exports.FieldBottomInfo=l;

package/dist/IconInfoCircleOutline-0ef3qbeI.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=l=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...l,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]});exports.IconInfoCircleOutline=n;

package/dist/IconInfoCircleOutline-aO1F3qnG.js

@@ -1,35 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-const n = (l) => /* @__PURE__ */ o(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...l,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-);
-export {
-  n as I
-};

package/dist/TextFieldWrapper-B9K5vPm3.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),m=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CwNgNyMP.cjs");;/* empty css                  */const f=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:m.clsx("dgsuikit:flex",{"dgsuikit:justify-between":s&&i?.href,"dgsuikit:mb-2":!n,"dgsuikit:justify-start":s&&!i?.href,"dgsuikit:justify-end":!s&&i?.href,"dgsuikit:text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0",children:[s,a&&e.jsx("span",{className:"dgsuikit:ms-2 dgsuikit:text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgsuikit:font-button-small dgsuikit:text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:p,labelAddon:b,maxLength:u,disabled:t,value:j,wrapperClassName:o,showMaxLength:c,children:y}=d,k=!!(l||g||u&&c),h=!!(i||s?.href),v=k||h||o?"div":q.Fragment,N=F=>{const x=F.currentTarget.querySelector("textarea, input");x&&x.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[h&&e.jsx(f,{disabled:t,labelContent:i,link:s,required:p,labelAddon:b}),e.jsxs("div",{onClick:N,className:m.clsx(`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!t&&"dgsuikit:hover:ring-gray-50"}`,n||l?"dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50":`dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!t&&"dgsuikit:hover:border-gray-300"}`,a,{"dgsuikit:text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:r}),y]}),k&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&c&&e.jsxs("span",{className:"dgsuikit:ss02",children:[j?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=f;exports.TextFieldWrapper=C;

package/dist/index-CUnCYVh2.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("./clsx-C11secjj.cjs"),h=require("react"),I=require("./IconEye-sBk4Mro2.cjs"),N=require("./omitObjects-CtiYo0hv.cjs"),R=require("./TextFieldWrapper-B9K5vPm3.cjs"),f=s=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",clipRule:"evenodd"})]}),b=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",clipRule:"evenodd"})}),q=h.forwardRef(function(a,m){const{dir:i="rtl",placeholderDir:w=i,containerClassName:v,leftIcon:d,prefix:x,prefixClassName:j,postfix:p,postfixClassName:k,onClear:n,value:l,...t}=a,C=N.omitObject(t,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength"]),[c,y]=h.useState(t.type);function g(){return e.jsx("button",{onClick:()=>{typeof n=="function"&&n()},children:e.jsx(f,{className:"dgsuikit:text-gray-600",width:20,height:20})})}return e.jsxs(R.TextFieldWrapper,{...a,containerClassName:o.clsx("dgsuikit:items-center",v),value:l,children:[x&&e.jsx("div",{className:o.clsx("dgsuikit:font-p1-regular dgsuikit:text-gray-500",j),children:x}),typeof n=="function"&&l&&i==="ltr"&&g(),e.jsx("input",{...C,ref:m,className:o.clsx("dgsuikit:bg-transparent dgsuikit:focus:outline-none dgsuikit:flex-1",i==="rtl"?"dgsuikit:text-right":"dgsuikit:!text-left",w==="rtl"?"dgsuikit:placeholder:text-right":"dgsuikit:placeholder:text-left",{"dgsuikit:ss02":t.type!="password"},a.className),...i==="ltr"?{style:{direction:"ltr"}}:{},value:l,type:c,onInput:r=>{if(typeof t.onInput=="function"&&t.onInput(r)||c!=="number")return;const u=r.currentTarget;t.maxLength&&u.value.length>t.maxLength&&(u.value=u.value.slice(0,t.maxLength))}}),typeof n=="function"&&l&&i==="rtl"&&g(),p&&e.jsx("div",{className:o.clsx("dgsuikit:font-p1-regular dgsuikit:text-gray-500",k),children:p}),d&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:d}),t.type==="password"&&e.jsx("button",{type:"button",onClick:()=>y(r=>r==="text"?"password":"text"),className:"dgsuikit:text-gray-600",children:c==="password"?e.jsx(I.IconEye,{width:20,height:20}):e.jsx(b,{width:20,height:20})})]})});exports.IconCloseSquare=f;exports.Input=q;