@customafk/lunas-ui 0.0.28 → 0.0.30

package/styles/loader.css

@@ -23,11 +23,6 @@
     margin: 8px;
     animation-duration: 3s;
   }
-  @keyframes l15 {
-    100% {
-      transform: rotate(1turn);
-    }
-  }
 
   /* HTML: <div class="loader-dots"></div> */
   .loader-dots {
@@ -36,78 +31,15 @@
     border-radius: 50%;
     animation: l5 1s infinite linear alternate;
   }
-  @keyframes l5 {
-    0% {
-      box-shadow:
-        10px 0 var(--primary-foreground),
-        -10px 0 #0002;
-      background: var(--primary-foreground);
-    }
-    33% {
-      box-shadow:
-        10px 0 var(--primary-foreground),
-        -10px 0 #0002;
-      background: #0002;
-    }
-    66% {
-      box-shadow:
-        10px 0 #0002,
-        -10px 0 var(--primary-foreground);
-      background: #0002;
-    }
-    100% {
-      box-shadow:
-        10px 0 #0002,
-        -10px 0 var(--primary-foreground);
-      background: var(--primary-foreground);
-    }
-  }
 
   /* HTML: <div class="loader-spinner"></div> */
   .loader-spinner {
     width: 16px;
     aspect-ratio: 1;
     border-radius: 50%;
-    border: 2.5px solid var(--primary-foreground);
+    border: 2.5px solid var(--color-text-negative-strong);
     animation:
       l20-1 0.8s infinite linear alternate,
       l20-2 1.6s infinite linear;
   }
-  @keyframes l20-1 {
-    0% {
-      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
-    }
-    12.5% {
-      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
-    }
-    25% {
-      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
-    }
-    50% {
-      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
-    }
-    62.5% {
-      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
-    }
-    75% {
-      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
-    }
-    100% {
-      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
-    }
-  }
-  @keyframes l20-2 {
-    0% {
-      transform: scaleY(1) rotate(0deg);
-    }
-    49.99% {
-      transform: scaleY(1) rotate(135deg);
-    }
-    50% {
-      transform: scaleY(-1) rotate(0deg);
-    }
-    100% {
-      transform: scaleY(-1) rotate(-135deg);
-    }
-  }
 }

package/dist/add-new-CVQQRkB9.js

@@ -1,2 +0,0 @@
-import{Paragraph as e}from"./paragraph-B4cQhLhW.js";import{Button as t}from"./button-CnMfXTBU.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{PlusIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:a,children:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Create New`})]});export{a as AddNewBtn};
-//# sourceMappingURL=add-new-CVQQRkB9.js.map

package/dist/add-new-CVQQRkB9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-CVQQRkB9.js","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button aria-label=\"Tạo mới\" variant=\"outline\" className=\"aspect-square max-sm:p-0\" onClick={onClick}>\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create New\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"4LASA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CAAO,aAAW,UAAU,QAAQ,UAAU,UAAU,2BAAoC,oBAC3F,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,SAChE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/add-new-CmzfSaTJ.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./paragraph-DcRBcRhQ.cjs`),n=require(`./button-BSGNpclh.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.Button,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:e,children:[(0,r.jsx)(i.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Create New`})]});Object.defineProperty(exports,`AddNewBtn`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=add-new-CmzfSaTJ.cjs.map

package/dist/add-new-CmzfSaTJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-CmzfSaTJ.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","Button","PlusIcon","Paragraph"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button aria-label=\"Tạo mới\" variant=\"outline\" className=\"aspect-square max-sm:p-0\" onClick={onClick}>\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create New\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,aAAW,UAAU,QAAQ,UAAU,UAAU,2BAAoC,qBAC3F,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,UAChE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/refresh-CYCzbKVl.js

@@ -1,2 +0,0 @@
-import{Paragraph as e}from"./paragraph-B4cQhLhW.js";import{Button as t}from"./button-CnMfXTBU.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RefreshCwIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:a,children:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
-//# sourceMappingURL=refresh-CYCzbKVl.js.map

package/dist/refresh-CYCzbKVl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"refresh-CYCzbKVl.js","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button aria-label=\"Tạo mới\" variant=\"outline\" className=\"aspect-square max-sm:p-0\" onClick={onClick}>\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"iMASA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CAAO,aAAW,UAAU,QAAQ,UAAU,UAAU,2BAAoC,oBAC3F,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,SACrE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/refresh-DMj_wur3.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./paragraph-DcRBcRhQ.cjs`),n=require(`./button-BSGNpclh.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.Button,{"aria-label":`Tạo mới`,variant:`outline`,className:`aspect-square max-sm:p-0`,onClick:e,children:[(0,r.jsx)(i.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`RefreshBtn`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=refresh-DMj_wur3.cjs.map

package/dist/refresh-DMj_wur3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"refresh-DMj_wur3.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button aria-label=\"Tạo mới\" variant=\"outline\" className=\"aspect-square max-sm:p-0\" onClick={onClick}>\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,aAAW,UAAU,QAAQ,UAAU,UAAU,2BAAoC,qBAC3F,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,UACrE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}