npm - @sk-web-gui/core - Versions diffs - 4.3.2 → 4.3.3 - Mend

@sk-web-gui/core 4.3.2 → 4.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/cjs/components/ai/bubble.js +1 -4
package/dist/cjs/components/ai/bubble.js.map +1 -1
package/dist/cjs/components/input.js +13 -13
package/dist/cjs/components/input.js.map +1 -1
package/dist/esm/components/ai/bubble.js +1 -4
package/dist/esm/components/ai/bubble.js.map +1 -1
package/dist/esm/components/input.js +13 -13
package/dist/esm/components/input.js.map +1 -1
package/dist/types/components/ai/bubble.d.ts +0 -3
package/dist/types/components/input.d.ts +12 -12
package/package.json +2 -2
package/dist/cjs/components/menubar.js +0 -72
package/dist/cjs/components/menubar.js.map +0 -1
package/dist/cjs/components/segmented-control.js +0 -57
package/dist/cjs/components/segmented-control.js.map +0 -1
package/dist/esm/components/menubar.js +0 -62
package/dist/esm/components/menubar.js.map +0 -1
package/dist/esm/components/segmented-control.js +0 -47
package/dist/esm/components/segmented-control.js.map +0 -1
package/dist/types/components/countrycode-select.d.ts +0 -5
package/dist/types/components/menubar.d.ts +0 -44
package/dist/types/components/segmented-control.d.ts +0 -43

package/dist/cjs/components/ai/bubble.js CHANGED Viewed

@@ -76,10 +76,7 @@ const Bubble = (colors)=>({
                 '@apply rounded-tl-16 rounded-bl-0': {},
                 '@apply bg-transparent': {},
                 '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
-                '@apply scale-y-[25%]': {},
-                '&:before': {
-                    '&[data-shadow="true"]': {}
-                }
+                '@apply scale-y-[25%]': {}
             },
             '&[data-shadow="true"]': {
                 '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},

package/dist/cjs/components/ai/bubble.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n ~~'&:before': {\r\n '&[data-shadow=\"true\"]': {},\r\n },\r\n~~ },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Bubble","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,iBAAiB;YACf,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,uCAAuC,CAAC;YACxC,mBAAmB,CAAC;YACpB,6CAA6C,CAAC;YAC9C,kCAAkC,CAAC;YACnC,iBAAiB,CAAC;YAElB,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAE/B,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,yBAAyB,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;wBAC/E,sBAAsB;4BACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC9C;wBACA,WAAW;4BACT,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BACpD;wBACF;wBACA,2BAA2B;4BACzB,CAAC,CAAC,UAAU,EAAEA,MAAM,0BAA0B,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;4BACjF,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;4BAC/C;4BACA,WAAW;gCACT,sBAAsB;oCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;gCACrD;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,2BAA2B;gBACzB,8EAA8E,CAAC;gBAC/E,sBAAsB;oBACpB,CAAC,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC;gBAC/C;gBACA,WAAW;oBACT,sBAAsB;wBACpB,CAAC,CAAC,4CAA4C,CAAC,CAAC,EAAE,CAAC;oBACrD;gBACF;gBACA,2BAA2B;oBACzB,4DAA4D,CAAC;oBAC7D,sBAAsB;wBACpB,CAAC,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC;oBACtC;oBACA,WAAW;wBACT,sBAAsB;4BACpB,CAAC,CAAC,mCAAmC,CAAC,CAAC,EAAE,CAAC;wBAC5C;oBACF;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,2CAA2C,CAAC;gBAC5C,oBAAoB,CAAC;gBACrB,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,qDAAqD,CAAC;gBACtD,wBAAwB,CAAC;~~gBACzB,YAAY~~;~~oBACV,yBAAyB,CAAC;gBAC5B;YACF;~~YAEA,yBAAyB;gBACvB,6CAA6C,CAAC;gBAC9C,6BAA6B;oBAC3B,uBAAuB,CAAC;oBACxB,8CAA8C,CAAC;oBAC/C,oBAAoB,CAAC;oBACrB,qCAAqC,CAAC;oBACtC,yBAAyB,CAAC;oBAC1B,mDAAmD,CAAC;oBACpD,aAAa;gBACf;YACF;QACF;IACF,CAAA"}
1	+ {"version":3,"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Bubble","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,iBAAiB;YACf,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,uCAAuC,CAAC;YACxC,mBAAmB,CAAC;YACpB,6CAA6C,CAAC;YAC9C,kCAAkC,CAAC;YACnC,iBAAiB,CAAC;YAElB,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAE/B,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,yBAAyB,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;wBAC/E,sBAAsB;4BACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC9C;wBACA,WAAW;4BACT,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BACpD;wBACF;wBACA,2BAA2B;4BACzB,CAAC,CAAC,UAAU,EAAEA,MAAM,0BAA0B,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;4BACjF,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;4BAC/C;4BACA,WAAW;gCACT,sBAAsB;oCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;gCACrD;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,2BAA2B;gBACzB,8EAA8E,CAAC;gBAC/E,sBAAsB;oBACpB,CAAC,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC;gBAC/C;gBACA,WAAW;oBACT,sBAAsB;wBACpB,CAAC,CAAC,4CAA4C,CAAC,CAAC,EAAE,CAAC;oBACrD;gBACF;gBACA,2BAA2B;oBACzB,4DAA4D,CAAC;oBAC7D,sBAAsB;wBACpB,CAAC,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC;oBACtC;oBACA,WAAW;wBACT,sBAAsB;4BACpB,CAAC,CAAC,mCAAmC,CAAC,CAAC,EAAE,CAAC;wBAC5C;oBACF;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,2CAA2C,CAAC;gBAC5C,oBAAoB,CAAC;gBACrB,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,qDAAqD,CAAC;gBACtD,wBAAwB,CAAC;YAC3B;YAEA,yBAAyB;gBACvB,6CAA6C,CAAC;gBAC9C,6BAA6B;oBAC3B,uBAAuB,CAAC;oBACxB,8CAA8C,CAAC;oBAC/C,oBAAoB,CAAC;oBACrB,qCAAqC,CAAC;oBACtC,yBAAyB,CAAC;oBAC1B,mDAAmD,CAAC;oBACpD,aAAa;gBACf;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/input.js CHANGED Viewed

@@ -240,19 +240,19 @@ function timeAndDatePicker() {
             '@apply pl-6 md:pl-8': {},
             '@apply m-0': {},
             '@apply bg-none': {},
-            '@apply bg-dark-secondary': {},
-            '&.sk-form-input-sm': {
-                '@apply w-16 h-16': {},
-                '@apply -mr-2': {}
-            },
-            '&.sk-form-input-md': {
-                '@apply -mr-4': {},
-                '@apply w-18 h-18': {}
-            },
-            '&.sk-form-input-lg': {
-                '@apply -mr-6': {},
-                '@apply w-20 h-20': {}
-            }
+            '@apply bg-dark-secondary': {}
+        },
+        '&.sk-form-input-sm::-webkit-inner-spin-button, &.sk-form-input-sm::-webkit-calendar-picker-indicator': {
+            '@apply w-16 h-16': {},
+            '@apply -mr-2': {}
+        },
+        '&.sk-form-input-md::-webkit-inner-spin-button, &.sk-form-input-md::-webkit-calendar-picker-indicator': {
+            '@apply -mr-4': {},
+            '@apply w-18 h-18': {}
+        },
+        '&.sk-form-input-lg::-webkit-inner-spin-button, &.sk-form-input-lg::-webkit-calendar-picker-indicator': {
+            '@apply -mr-6': {},
+            '@apply w-20 h-20': {}
         },
         '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
             mask: [

package/dist/cjs/components/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","display","margin"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n },\r\n '&.sk-form-input-sm::-webkit-inner-spin-button, &.sk-form-input-sm::-webkit-calendar-picker-indicator': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md::-webkit-inner-spin-button, &.sk-form-input-md::-webkit-calendar-picker-indicator': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg::-webkit-inner-spin-button, &.sk-form-input-lg::-webkit-calendar-picker-indicator': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","display","margin"],"mappings":"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"}

package/dist/esm/components/ai/bubble.js CHANGED Viewed

@@ -66,10 +66,7 @@ export const Bubble = (colors)=>({
                 '@apply rounded-tl-16 rounded-bl-0': {},
                 '@apply bg-transparent': {},
                 '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
-                '@apply scale-y-[25%]': {},
-                '&:before': {
-                    '&[data-shadow="true"]': {}
-                }
+                '@apply scale-y-[25%]': {}
             },
             '&[data-shadow="true"]': {
                 '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},

package/dist/esm/components/ai/bubble.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n ~~'&:before': {\r\n '&[data-shadow=\"true\"]': {},\r\n },\r\n~~ },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Bubble","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,iBAAiB;YACf,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,uCAAuC,CAAC;YACxC,mBAAmB,CAAC;YACpB,6CAA6C,CAAC;YAC9C,kCAAkC,CAAC;YACnC,iBAAiB,CAAC;YAElB,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAE/B,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,yBAAyB,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;wBAC/E,sBAAsB;4BACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC9C;wBACA,WAAW;4BACT,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BACpD;wBACF;wBACA,2BAA2B;4BACzB,CAAC,CAAC,UAAU,EAAEA,MAAM,0BAA0B,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;4BACjF,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;4BAC/C;4BACA,WAAW;gCACT,sBAAsB;oCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;gCACrD;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,2BAA2B;gBACzB,8EAA8E,CAAC;gBAC/E,sBAAsB;oBACpB,CAAC,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC;gBAC/C;gBACA,WAAW;oBACT,sBAAsB;wBACpB,CAAC,CAAC,4CAA4C,CAAC,CAAC,EAAE,CAAC;oBACrD;gBACF;gBACA,2BAA2B;oBACzB,4DAA4D,CAAC;oBAC7D,sBAAsB;wBACpB,CAAC,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC;oBACtC;oBACA,WAAW;wBACT,sBAAsB;4BACpB,CAAC,CAAC,mCAAmC,CAAC,CAAC,EAAE,CAAC;wBAC5C;oBACF;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,2CAA2C,CAAC;gBAC5C,oBAAoB,CAAC;gBACrB,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,qDAAqD,CAAC;gBACtD,wBAAwB,CAAC;~~gBACzB,YAAY~~;~~oBACV,yBAAyB,CAAC;gBAC5B;YACF;~~YAEA,yBAAyB;gBACvB,6CAA6C,CAAC;gBAC9C,6BAA6B;oBAC3B,uBAAuB,CAAC;oBACxB,8CAA8C,CAAC;oBAC/C,oBAAoB,CAAC;oBACrB,qCAAqC,CAAC;oBACtC,yBAAyB,CAAC;oBAC1B,mDAAmD,CAAC;oBACpD,aAAa;gBACf;YACF;QACF;IACF,CAAA,EAAG"}
1	+ {"version":3,"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Bubble","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,iBAAiB;YACf,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,uCAAuC,CAAC;YACxC,mBAAmB,CAAC;YACpB,6CAA6C,CAAC;YAC9C,kCAAkC,CAAC;YACnC,iBAAiB,CAAC;YAElB,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAE/B,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,yBAAyB,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;wBAC/E,sBAAsB;4BACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC9C;wBACA,WAAW;4BACT,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BACpD;wBACF;wBACA,2BAA2B;4BACzB,CAAC,CAAC,UAAU,EAAEA,MAAM,0BAA0B,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;4BACjF,sBAAsB;gCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;4BAC/C;4BACA,WAAW;gCACT,sBAAsB;oCACpB,CAAC,CAAC,cAAc,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;gCACrD;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,2BAA2B;gBACzB,8EAA8E,CAAC;gBAC/E,sBAAsB;oBACpB,CAAC,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC;gBAC/C;gBACA,WAAW;oBACT,sBAAsB;wBACpB,CAAC,CAAC,4CAA4C,CAAC,CAAC,EAAE,CAAC;oBACrD;gBACF;gBACA,2BAA2B;oBACzB,4DAA4D,CAAC;oBAC7D,sBAAsB;wBACpB,CAAC,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC;oBACtC;oBACA,WAAW;wBACT,sBAAsB;4BACpB,CAAC,CAAC,mCAAmC,CAAC,CAAC,EAAE,CAAC;wBAC5C;oBACF;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,2CAA2C,CAAC;gBAC5C,oBAAoB,CAAC;gBACrB,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,qDAAqD,CAAC;gBACtD,wBAAwB,CAAC;YAC3B;YAEA,yBAAyB;gBACvB,6CAA6C,CAAC;gBAC9C,6BAA6B;oBAC3B,uBAAuB,CAAC;oBACxB,8CAA8C,CAAC;oBAC/C,oBAAoB,CAAC;oBACrB,qCAAqC,CAAC;oBACtC,yBAAyB,CAAC;oBAC1B,mDAAmD,CAAC;oBACpD,aAAa;gBACf;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/input.js CHANGED Viewed

@@ -230,19 +230,19 @@ function timeAndDatePicker() {
             '@apply pl-6 md:pl-8': {},
             '@apply m-0': {},
             '@apply bg-none': {},
-            '@apply bg-dark-secondary': {},
-            '&.sk-form-input-sm': {
-                '@apply w-16 h-16': {},
-                '@apply -mr-2': {}
-            },
-            '&.sk-form-input-md': {
-                '@apply -mr-4': {},
-                '@apply w-18 h-18': {}
-            },
-            '&.sk-form-input-lg': {
-                '@apply -mr-6': {},
-                '@apply w-20 h-20': {}
-            }
+            '@apply bg-dark-secondary': {}
+        },
+        '&.sk-form-input-sm::-webkit-inner-spin-button, &.sk-form-input-sm::-webkit-calendar-picker-indicator': {
+            '@apply w-16 h-16': {},
+            '@apply -mr-2': {}
+        },
+        '&.sk-form-input-md::-webkit-inner-spin-button, &.sk-form-input-md::-webkit-calendar-picker-indicator': {
+            '@apply -mr-4': {},
+            '@apply w-18 h-18': {}
+        },
+        '&.sk-form-input-lg::-webkit-inner-spin-button, &.sk-form-input-lg::-webkit-calendar-picker-indicator': {
+            '@apply -mr-6': {},
+            '@apply w-20 h-20': {}
         },
         '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
             mask: [

package/dist/esm/components/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","Input","display","margin"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n },\r\n '&.sk-form-input-sm::-webkit-inner-spin-button, &.sk-form-input-sm::-webkit-calendar-picker-indicator': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md::-webkit-inner-spin-button, &.sk-form-input-md::-webkit-calendar-picker-indicator': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg::-webkit-inner-spin-button, &.sk-form-input-lg::-webkit-calendar-picker-indicator': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","Input","display","margin"],"mappings":"AAAA,SAASA;IACP,OAAO,CAAC,qWAAqW,CAAC;AAChX;AACA,SAASC;IACP,OAAO,CAAC,kQAAkQ,CAAC;AAC7Q;AAEA,SAASC;IACP,OAAO;QACL,mBAAmB,CAAC;QACpB,qCAAqC,CAAC;QACtC,iDAAiD,CAAC;QAElD,4CAA4C,CAAC;QAE7C,iCAAiC,CAAC;QAElC,SAAS;QACT,qCAAqC;YACnC,gDAAgD,CAAC;QACnD;QAEA,UAAU;QACV,uCAAuC;YACrC,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,oDAAoD,CAAC;YACrD,6BAA6B,CAAC;QAChC;QAEA,UAAU;QACV,eAAe;YACb,iCAAiC,CAAC;YAClC,8CAA8C,CAAC;YAC/C,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;QAC7C;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,yBAAyB,CAAC;YAC1B,eAAe,CAAC;YAChB,qCAAqC,CAAC;YACtC,QAAQ;gBACN,qBAAqB,CAAC;gBACtB,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,kCAAkC,CAAC;YACnC,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,8BAA8B,CAAC;YAC/B,OAAO;YACP,kDAAkD,CAAC;YAEnD,8CAA8C;gBAC5C,kDAAkD,CAAC;YACrD;YAEA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,WAAW;gBACT,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,YAAY;gBACV,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,GAAGH,gBAAgB;YACnB,kBAAkB;gBAChB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,eAAe,CAAC;YAClB;YACA,mBAAmB;gBACjB,oBAAoB,CAAC;gBACrB,kCAAkC,CAAC;gBACnC,kCAAkC,CAAC;gBACnC,8BAA8B,CAAC;gBAC/B,8CAA8C,CAAC;gBAC/C,wDAAwD,CAAC;gBACzD,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,4BAA4B;gBAC1B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,qBAAqB;gBACnB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,8BAA8B,CAAC;gBAC/B,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;YACjC;YACA,6BAA6B;gBAC3B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,8BAA8B;gBAC5B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;QACF;IACF;AACF;AACA,SAASI;IACP,OAAO;QACL,WAAW;YACT,WAAW;gBACT,gCAAgC,CAAC;gBACjC,+BAA+B;oBAC7B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;gBACA,gCAAgC;oBAC9B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,WAAW;gBACT,6BAA6B,CAAC;gBAC9B,uBAAuB,CAAC;gBACxB,4BAA4B,CAAC;gBAC7B,iCAAiC,CAAC;gBAClC,8BAA8B,CAAC;gBAC/B,OAAO;gBACP,kDAAkD,CAAC;gBAEnD,8CAA8C;oBAC5C,kDAAkD,CAAC;gBACrD;gBAEA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,4BAA4B,CAAC;oBAC7B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBAEA,GAAGJ,gBAAgB;gBACnB,kBAAkB;oBAChB,oBAAoB,CAAC;oBACrB,mBAAmB,CAAC;oBACpB,uBAAuB,CAAC;oBACxB,8BAA8B,CAAC;oBAC/B,yBAAyB,CAAC;oBAC1B,8BAA8B,CAAC;oBAC/B,eAAe,CAAC;gBAClB;YACF;QACF;IACF;AACF;AAEA,SAASK;IACP,OAAO;QACL,sEAAsE;YACpE,gBAAgB,CAAC;YACjB,cAAc,CAAC;YACf,uBAAuB,CAAC;YACxB,cAAc,CAAC;YACf,kBAAkB,CAAC;YACnB,4BAA4B,CAAC;QAC/B;QACA,wGAAwG;YACtG,oBAAoB,CAAC;YACrB,gBAAgB,CAAC;QACnB;QACA,wGAAwG;YACtG,gBAAgB,CAAC;YACjB,oBAAoB,CAAC;QACvB;QACA,wGAAwG;YACtG,gBAAgB,CAAC;YACjB,oBAAoB,CAAC;QACvB;QAEA,gGAAgG;YAC9FC,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACA,oHACE;YACED,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACF,gGAAgG;YAC9FD,MAAM;gBAAC,CAAC,8BAA8B,EAAEP,QAAQ,sBAAsB,CAAC;aAAC;YACxE,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,QAAQ,sBAAsB,CAAC;aAAC;YAClFQ,UAAU;YACV,qBAAqB;QACvB;QAEA,uCAAuC;YACrC,sEAAsE;gBACpE,+BAA+B,CAAC;YAClC;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,cAAc;YACZ,GAAGJ,YAAY;YACf,iBAAiB;gBACf,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,2BAA2B;oBACzB,iBAAiB,CAAC;gBACpB;gBACA,6BAA6B;oBAC3B,iBAAiB,CAAC;oBAClB,sCAAsC,CAAC;gBACzC;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,gBAAgB,CAAC;oBACnB;gBACF;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,eAAe,CAAC;oBAClB;gBACF;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,eAAe,CAAC;oBAClB;gBACF;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMK,QAAQ,IAAO,CAAA;QAC1B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,4BAA4B,CAAC;YAE7B,4BAA4B;gBAC1B,8DAA8D;oBAC5D,sBAAsB;oBACtBC,SAAS;oBACTC,QAAQ;gBACV;gBACA,mBAAmB;YACrB;YAEA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,eAAe;gBACb,iBAAiB,CAAC;gBAClB,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;YAEA,OAAO;YACP,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,2CAA2C,CAAC;YAC5C,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,mCAAmC,CAAC;YACpC,kDAAkD,CAAC;YACnD,8CAA8C;gBAC5C,iDAAiD,CAAC;YACpD;YACA,GAAGN,mBAAmB;YACtB,GAAGL,gBAAgB;YACnB,GAAGI,YAAY;YACf,GAAGH,OAAO;YACV,GAAGE,OAAO;YACV,GAAGK,eAAe;QACpB;IACF,CAAA,EAAG"}

package/dist/types/components/ai/bubble.d.ts CHANGED Viewed

@@ -30,9 +30,6 @@ export declare const Bubble: (colors: string[]) => {
             '@apply bg-transparent': {};
             '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {};
             '@apply scale-y-[25%]': {};
-            '&:before': {
-                '&[data-shadow="true"]': {};
-            };
         };
         '&[data-shadow="true"]': {
             '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {};

package/dist/types/components/input.d.ts CHANGED Viewed

@@ -348,18 +348,18 @@ export declare const Input: () => {
             '@apply m-0': {};
             '@apply bg-none': {};
             '@apply bg-dark-secondary': {};
-            '&.sk-form-input-sm': {
-                '@apply w-16 h-16': {};
-                '@apply -mr-2': {};
-            };
-            '&.sk-form-input-md': {
-                '@apply -mr-4': {};
-                '@apply w-18 h-18': {};
-            };
-            '&.sk-form-input-lg': {
-                '@apply -mr-6': {};
-                '@apply w-20 h-20': {};
-            };
+        };
+        '&.sk-form-input-sm::-webkit-inner-spin-button, &.sk-form-input-sm::-webkit-calendar-picker-indicator': {
+            '@apply w-16 h-16': {};
+            '@apply -mr-2': {};
+        };
+        '&.sk-form-input-md::-webkit-inner-spin-button, &.sk-form-input-md::-webkit-calendar-picker-indicator': {
+            '@apply -mr-4': {};
+            '@apply w-18 h-18': {};
+        };
+        '&.sk-form-input-lg::-webkit-inner-spin-button, &.sk-form-input-lg::-webkit-calendar-picker-indicator': {
+            '@apply -mr-6': {};
+            '@apply w-20 h-20': {};
         };
         '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
             mask: string[];

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -41,5 +41,5 @@
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "07598c20b1631cd4c12f0229b2b5a5671adc9111"
+  "gitHead": "10dd42fac8dd2865644931207cdd50c4c5a51ac2"
 }

package/dist/cjs/components/menubar.js DELETED Viewed

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MenuBar", {
-    enumerable: true,
-    get: function() {
-        return MenuBar;
-    }
-});
-const MenuBar = (colors)=>({
-        '.sk-menubar': {
-            '@apply flex flex-row': {},
-            '@apply rounded-cards': {},
-            '&[data-background="true"]': {
-                '@apply bg-background-color-mixin-1': {}
-            },
-            // sizes
-            '&[data-size="md"]': {
-                '@apply p-6 gap-8 rounded-groups': {}
-            },
-            '&[data-size="lg"]': {
-                '@apply p-8 gap-16 rounded-cards': {}
-            },
-            '&-item': {
-                '@apply inline-block': {},
-                '@apply relative': {},
-                // sizes
-                '&[data-size="md"]': {
-                    '@apply h-34': {},
-                    '> *': {
-                        '@apply text-small leading-[1.8rem]': {}
-                    }
-                },
-                '&[data-size="lg"]': {
-                    '@apply h-40': {}
-                },
-                '> *:first-child': {
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-                    '@apply cursor-pointer': {},
-                    '@apply bg-transparent text-dark-primary': {},
-                    '@apply hover:bg-tertiary-surface': {},
-                    '@apply font-bold': {},
-                    '@apply gap-2 px-14 py-8': {},
-                    '@apply h-full min-h-full': {},
-                    '@apply inline-flex shrink-0 flex-nowrap': {},
-                    '@apply border-0': {},
-                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
-                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
-                        '@apply bg-primary-surface text-light-primary': {},
-                        '@apply focus-visible:ring': {}
-                    }
-                },
-                ...colors.reduce((styles, color)=>({
-                        ...styles,
-                        [`&[data-color="${color}"]`]: {
-                            '> *:first-child': {
-                                [`@apply hover:bg-${color}-surface-accent`]: {},
-                                [`@apply hover:text-${color}-text-primary`]: {},
-                                '@apply focus-visible:bg-background-content focus-visible:ring': {},
-                                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
-                                    [`@apply bg-${color}-surface-primary`]: {},
-                                    '@apply focus-visible:ring': {}
-                                }
-                            }
-                        }
-                    }), {})
-            }
-        }
-    });
-//# sourceMappingURL=menubar.js.map

package/dist/cjs/components/menubar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA"}

package/dist/cjs/components/segmented-control.js DELETED Viewed

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SegmentedControl", {
-    enumerable: true,
-    get: function() {
-        return SegmentedControl;
-    }
-});
-const SegmentedControl = ()=>({
-        '.sk-segmentedcontrol': {
-            '@apply flex flex-row items-center': {},
-            '@apply rounded-groups': {},
-            '@apply bg-tertiary-surface': {},
-            '@apply max-w-fit': {},
-            // sizes
-            '&[data-size="md"]': {
-                '@apply p-6 gap-8': {}
-            },
-            '&[data-size="lg"]': {
-                '@apply p-6 gap-16': {}
-            },
-            '&-item': {
-                '@apply inline-block relative': {},
-                // sizes
-                '&[data-size="md"]': {
-                    '@apply h-34': {},
-                    '> *': {
-                        '@apply text-small leading-[1.8rem]': {}
-                    }
-                },
-                '&[data-size="lg"]': {
-                    '@apply h-40': {}
-                },
-                '> *:first-child': {
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-                    '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},
-                    '@apply gap-2 px-14 py-8 h-full min-h-full': {},
-                    '@apply inline-flex shrink-0 flex-nowrap border-0': {},
-                    '@apply hover:bg-tertiary-surface': {},
-                    '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
-                    '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
-                        '@apply bg-background-content text-dark-primary focus-visible:ring': {}
-                    },
-                    '&[aria-disabled="true"]': {
-                        '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
-                    },
-                    '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
-                        '@apply bg-transparent border-transparent !important': {}
-                    }
-                }
-            }
-        }
-    });
-//# sourceMappingURL=segmented-control.js.map

package/dist/cjs/components/segmented-control.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/esm/components/menubar.js DELETED Viewed

@@ -1,62 +0,0 @@
-export const MenuBar = (colors)=>({
-        '.sk-menubar': {
-            '@apply flex flex-row': {},
-            '@apply rounded-cards': {},
-            '&[data-background="true"]': {
-                '@apply bg-background-color-mixin-1': {}
-            },
-            // sizes
-            '&[data-size="md"]': {
-                '@apply p-6 gap-8 rounded-groups': {}
-            },
-            '&[data-size="lg"]': {
-                '@apply p-8 gap-16 rounded-cards': {}
-            },
-            '&-item': {
-                '@apply inline-block': {},
-                '@apply relative': {},
-                // sizes
-                '&[data-size="md"]': {
-                    '@apply h-34': {},
-                    '> *': {
-                        '@apply text-small leading-[1.8rem]': {}
-                    }
-                },
-                '&[data-size="lg"]': {
-                    '@apply h-40': {}
-                },
-                '> *:first-child': {
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-                    '@apply cursor-pointer': {},
-                    '@apply bg-transparent text-dark-primary': {},
-                    '@apply hover:bg-tertiary-surface': {},
-                    '@apply font-bold': {},
-                    '@apply gap-2 px-14 py-8': {},
-                    '@apply h-full min-h-full': {},
-                    '@apply inline-flex shrink-0 flex-nowrap': {},
-                    '@apply border-0': {},
-                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
-                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
-                        '@apply bg-primary-surface text-light-primary': {},
-                        '@apply focus-visible:ring': {}
-                    }
-                },
-                ...colors.reduce((styles, color)=>({
-                        ...styles,
-                        [`&[data-color="${color}"]`]: {
-                            '> *:first-child': {
-                                [`@apply hover:bg-${color}-surface-accent`]: {},
-                                [`@apply hover:text-${color}-text-primary`]: {},
-                                '@apply focus-visible:bg-background-content focus-visible:ring': {},
-                                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
-                                    [`@apply bg-${color}-surface-primary`]: {},
-                                    '@apply focus-visible:ring': {}
-                                }
-                            }
-                        }
-                    }), {})
-            }
-        }
-    });
-//# sourceMappingURL=menubar.js.map

package/dist/esm/components/menubar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/segmented-control.js DELETED Viewed

@@ -1,47 +0,0 @@
-export const SegmentedControl = ()=>({
-        '.sk-segmentedcontrol': {
-            '@apply flex flex-row items-center': {},
-            '@apply rounded-groups': {},
-            '@apply bg-tertiary-surface': {},
-            '@apply max-w-fit': {},
-            // sizes
-            '&[data-size="md"]': {
-                '@apply p-6 gap-8': {}
-            },
-            '&[data-size="lg"]': {
-                '@apply p-6 gap-16': {}
-            },
-            '&-item': {
-                '@apply inline-block relative': {},
-                // sizes
-                '&[data-size="md"]': {
-                    '@apply h-34': {},
-                    '> *': {
-                        '@apply text-small leading-[1.8rem]': {}
-                    }
-                },
-                '&[data-size="lg"]': {
-                    '@apply h-40': {}
-                },
-                '> *:first-child': {
-                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-                    '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},
-                    '@apply gap-2 px-14 py-8 h-full min-h-full': {},
-                    '@apply inline-flex shrink-0 flex-nowrap border-0': {},
-                    '@apply hover:bg-tertiary-surface': {},
-                    '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
-                    '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
-                        '@apply bg-background-content text-dark-primary focus-visible:ring': {}
-                    },
-                    '&[aria-disabled="true"]': {
-                        '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
-                    },
-                    '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
-                        '@apply bg-transparent border-transparent !important': {}
-                    }
-                }
-            }
-        }
-    });
-//# sourceMappingURL=segmented-control.js.map

package/dist/esm/components/segmented-control.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/types/components/countrycode-select.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export declare const CountryCodeSelect: () => {
-    '.sk-country-code-select': {
-        'font-family': string;
-    };
-};

package/dist/types/components/menubar.d.ts DELETED Viewed

@@ -1,44 +0,0 @@
-export declare const MenuBar: (colors: string[]) => {
-    '.sk-menubar': {
-        '@apply flex flex-row': {};
-        '@apply rounded-cards': {};
-        '&[data-background="true"]': {
-            '@apply bg-background-color-mixin-1': {};
-        };
-        '&[data-size="md"]': {
-            '@apply p-6 gap-8 rounded-groups': {};
-        };
-        '&[data-size="lg"]': {
-            '@apply p-8 gap-16 rounded-cards': {};
-        };
-        '&-item': {
-            '@apply inline-block': {};
-            '@apply relative': {};
-            '&[data-size="md"]': {
-                '@apply h-34': {};
-                '> *': {
-                    '@apply text-small leading-[1.8rem]': {};
-                };
-            };
-            '&[data-size="lg"]': {
-                '@apply h-40': {};
-            };
-            '> *:first-child': {
-                '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
-                '@apply cursor-pointer': {};
-                '@apply bg-transparent text-dark-primary': {};
-                '@apply hover:bg-tertiary-surface': {};
-                '@apply font-bold': {};
-                '@apply gap-2 px-14 py-8': {};
-                '@apply h-full min-h-full': {};
-                '@apply inline-flex shrink-0 flex-nowrap': {};
-                '@apply border-0': {};
-                '@apply focus-visible:bg-background-content focus-visible:ring': {};
-                '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
-                    '@apply bg-primary-surface text-light-primary': {};
-                    '@apply focus-visible:ring': {};
-                };
-            };
-        };
-    };
-};

package/dist/types/components/segmented-control.d.ts DELETED Viewed

@@ -1,43 +0,0 @@
-export declare const SegmentedControl: () => {
-    '.sk-segmentedcontrol': {
-        '@apply flex flex-row items-center': {};
-        '@apply rounded-groups': {};
-        '@apply bg-tertiary-surface': {};
-        '@apply max-w-fit': {};
-        '&[data-size="md"]': {
-            '@apply p-6 gap-8': {};
-        };
-        '&[data-size="lg"]': {
-            '@apply p-6 gap-16': {};
-        };
-        '&-item': {
-            '@apply inline-block relative': {};
-            '&[data-size="md"]': {
-                '@apply h-34': {};
-                '> *': {
-                    '@apply text-small leading-[1.8rem]': {};
-                };
-            };
-            '&[data-size="lg"]': {
-                '@apply h-40': {};
-            };
-            '> *:first-child': {
-                '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
-                '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {};
-                '@apply gap-2 px-14 py-8 h-full min-h-full': {};
-                '@apply inline-flex shrink-0 flex-nowrap border-0': {};
-                '@apply hover:bg-tertiary-surface': {};
-                '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {};
-                '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
-                    '@apply bg-background-content text-dark-primary focus-visible:ring': {};
-                };
-                '&[aria-disabled="true"]': {
-                    '@apply text-dark-disabled cursor-default hover:bg-transparent': {};
-                };
-                '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
-                    '@apply bg-transparent border-transparent !important': {};
-                };
-            };
-        };
-    };
-};