pxd 0.1.2 → 0.1.3

package/dist/styles/source.css

@@ -1,675 +0,0 @@
-@layer theme, base, components, utilities;
-@import "tailwindcss/theme.css" layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities) source("../components/");
-@source "../composables/";
-@source '../constants';
-
-@custom-variant dark (&:is(.dark *));
-@custom-variant sibling (& + &);
-@custom-variant within-group (&:is([data-group] *));
-
-@source '../constants';
-@source '../components';
-@source '../composables';
-
-:root {
-  --background-100-value: 0, 0%, 100%;
-  --background-200-value: 0, 0%, 97%;
-
-  --color-gray-alpha-100-value: #0000000d;
-  --color-gray-alpha-200-value: #00000015;
-  --color-gray-alpha-300-value: #0000001f;
-  --color-gray-alpha-400-value: #0000002b;
-  --color-gray-alpha-500-value: #00000036;
-  --color-gray-alpha-600-value: #00000057;
-  --color-gray-alpha-700-value: #00000070;
-  --color-gray-alpha-800-value: #00000082;
-  --color-gray-alpha-900-value: #0000009c;
-  --color-gray-alpha-1000-value: #000000e8;
-
-  --color-gray-100-value: 0, 0%, 95%;
-  --color-gray-200-value: 0, 0%, 93%;
-  --color-gray-300-value: 0, 0%, 90%;
-  --color-gray-400-value: 0, 0%, 85%;
-  --color-gray-500-value: 0, 0%, 79%;
-  --color-gray-600-value: 0, 0%, 66%;
-  --color-gray-700-value: 0, 0%, 56%;
-  --color-gray-800-value: 0, 0%, 49%;
-  --color-gray-900-value: 0, 0%, 30%;
-  --color-gray-1000-value: 0, 0%, 9%;
-
-  --color-blue-100-value: 212, 100%, 97%;
-  --color-blue-200-value: 210, 100%, 96%;
-  --color-blue-300-value: 210, 100%, 94%;
-  --color-blue-400-value: 209, 100%, 90%;
-  --color-blue-500-value: 209, 100%, 80%;
-  --color-blue-600-value: 208, 100%, 66%;
-  --color-blue-700-value: 212, 100%, 48%;
-  --color-blue-800-value: 212, 100%, 41%;
-  --color-blue-900-value: 211, 100%, 42%;
-  --color-blue-1000-value: 211, 100%, 15%;
-
-  --color-red-100-value: 0, 100%, 97%;
-  --color-red-200-value: 0, 100%, 96%;
-  --color-red-300-value: 0, 100%, 95%;
-  --color-red-400-value: 0, 90%, 92%;
-  --color-red-500-value: 0, 82%, 85%;
-  --color-red-600-value: 359, 90%, 71%;
-  --color-red-700-value: 358, 75%, 59%;
-  --color-red-800-value: 358, 70%, 52%;
-  --color-red-900-value: 358, 66%, 48%;
-  --color-red-1000-value: 355, 49%, 15%;
-
-  --color-amber-100-value: 39, 100%, 95%;
-  --color-amber-200-value: 44, 100%, 92%;
-  --color-amber-300-value: 43, 96%, 90%;
-  --color-amber-400-value: 42, 100%, 78%;
-  --color-amber-500-value: 38, 100%, 71%;
-  --color-amber-600-value: 36, 90%, 62%;
-  --color-amber-700-value: 39, 100%, 57%;
-  --color-amber-800-value: 35, 100%, 52%;
-  --color-amber-900-value: 30, 100%, 32%;
-  --color-amber-1000-value: 20, 79%, 17%;
-
-  --color-green-100-value: 120, 60%, 96%;
-  --color-green-200-value: 120, 60%, 95%;
-  --color-green-300-value: 120, 60%, 91%;
-  --color-green-400-value: 122, 60%, 86%;
-  --color-green-500-value: 124, 60%, 75%;
-  --color-green-600-value: 125, 60%, 64%;
-  --color-green-700-value: 131, 41%, 46%;
-  --color-green-800-value: 132, 43%, 39%;
-  --color-green-900-value: 133, 50%, 32%;
-  --color-green-1000-value: 128, 29%, 15%;
-
-  --color-teal-100-value: 169, 70%, 96%;
-  --color-teal-200-value: 167, 70%, 94%;
-  --color-teal-300-value: 168, 70%, 90%;
-  --color-teal-400-value: 170, 70%, 85%;
-  --color-teal-500-value: 170, 70%, 72%;
-  --color-teal-600-value: 170, 70%, 57%;
-  --color-teal-700-value: 173, 80%, 36%;
-  --color-teal-800-value: 173, 83%, 30%;
-  --color-teal-900-value: 174, 91%, 25%;
-  --color-teal-1000-value: 171, 80%, 13%;
-
-  --color-purple-100-value: 276, 100%, 97%;
-  --color-purple-200-value: 277, 87%, 97%;
-  --color-purple-300-value: 274, 78%, 95%;
-  --color-purple-400-value: 276, 71%, 92%;
-  --color-purple-500-value: 274, 70%, 82%;
-  --color-purple-600-value: 273, 72%, 73%;
-  --color-purple-700-value: 272, 51%, 54%;
-  --color-purple-800-value: 272, 47%, 45%;
-  --color-purple-900-value: 274, 71%, 43%;
-  --color-purple-1000-value: 276, 100%, 15%;
-
-  --color-pink-100-value: 330, 100%, 96%;
-  --color-pink-200-value: 340, 90%, 96%;
-  --color-pink-300-value: 340, 82%, 94%;
-  --color-pink-400-value: 341, 76%, 91%;
-  --color-pink-500-value: 340, 75%, 84%;
-  --color-pink-600-value: 341, 75%, 73%;
-  --color-pink-700-value: 336, 80%, 58%;
-  --color-pink-800-value: 336, 74%, 51%;
-  --color-pink-900-value: 336, 65%, 45%;
-  --color-pink-1000-value: 333, 74%, 15%;
-
-  --primary: var(--color-gray-1000-value);
-  --primary-foreground: var(--color-gray-100-value);
-  --primary-hover: hsla(var(--primary), 70%);
-  --primary-active: hsla(var(--primary), 90%);
-
-  --radius: 0.5rem;
-  --duration: 0.2s;
-  --timing-function: ease-out;
-  --ring: var(--primary);
-
-  --shadow-background-border: 0 0 0 1px hsl(var(--background-200-value));
-  --shadow-border-value: 0 0 0 1px hsl(var(--color-gray-300-value));
-  --shadow-small-value: 0px 2px 2px #0000000a;
-  --shadow-medium-value: 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;
-  --shadow-large-value: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
-  --shadow-tooltip-value: 0px 1px 1px #00000005, 0px 4px 8px #0000000a;
-  --shadow-menu-value:
-    0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
-  --shadow-modal-value:
-    0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;
-  --shadow-fullscreen-value:
-    0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;
-
-  /* component variables defaults */
-  --pxd-initial-index: 10;
-  --active-graph-item-radius: 0.125rem;
-  --avatar-size: 2rem;
-  --chip-size: 0.75rem;
-  --fader-size: 1rem;
-  --fader-color: var(--color-gray-100);
-  --hold-button-durations: 2000ms;
-  --hold-button-progress-color: var(--color-gray-alpha-600);
-  --popover-arrow-color: var(--color-gray-1000);
-  --popover-offset: 8;
-  --popover-scale: 0.95;
-  --popover-index: max(var(--pxd-initial-index), 10);
-  --overlay-index: calc(var(--popover-index) - 5);
-  --modal-index: calc(var(--overlay-index) + 5);
-  --modal-width: 33.75rem;
-  --placeholder-gap: 0.75rem;
-  --toggle-active-color: var(--color-primary);
-  --toggle-inactive-color: var(--color-gray-alpha-100);
-
-  -webkit-tap-highlight-color: transparent;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-text-size-adjust: none;
-  -webkit-text-size-adjust: none;
-  text-size-adjust: none;
-  text-autospace: auto;
-  font-synthesis: none;
-  color-scheme: light;
-  background-color: var(--color-background-100);
-  color: var(--color-foreground);
-}
-
-:root.dark {
-  --background-100-value: 0, 0%, 5%;
-  --background-200-value: 0, 0%, 0%;
-
-  --color-gray-alpha-100-value: #ffffff0f;
-  --color-gray-alpha-200-value: #ffffff17;
-  --color-gray-alpha-300-value: #ffffff21;
-  --color-gray-alpha-400-value: #ffffff24;
-  --color-gray-alpha-500-value: #ffffff3d;
-  --color-gray-alpha-600-value: #ffffff82;
-  --color-gray-alpha-700-value: #ffffff8a;
-  --color-gray-alpha-800-value: #ffffff78;
-  --color-gray-alpha-900-value: #ffffff9c;
-  --color-gray-alpha-1000-value: #ffffffeb;
-
-  --color-gray-100-value: 0, 0%, 10%;
-  --color-gray-200-value: 0, 0%, 12%;
-  --color-gray-300-value: 0, 0%, 16%;
-  --color-gray-400-value: 0, 0%, 18%;
-  --color-gray-500-value: 0, 0%, 27%;
-  --color-gray-600-value: 0, 0%, 53%;
-  --color-gray-700-value: 0, 0%, 56%;
-  --color-gray-800-value: 0, 0%, 49%;
-  --color-gray-900-value: 0, 0%, 63%;
-  --color-gray-1000-value: 0, 0%, 93%;
-
-  --color-blue-100-value: 216, 50%, 12%;
-  --color-blue-200-value: 214, 59%, 15%;
-  --color-blue-300-value: 213, 71%, 20%;
-  --color-blue-400-value: 212, 78%, 23%;
-  --color-blue-500-value: 211, 86%, 27%;
-  --color-blue-600-value: 206, 100%, 50%;
-  --color-blue-700-value: 212, 100%, 48%;
-  --color-blue-800-value: 212, 100%, 41%;
-  --color-blue-900-value: 210, 100%, 66%;
-  --color-blue-1000-value: 206, 100%, 96%;
-
-  --color-red-100-value: 357, 37%, 12%;
-  --color-red-200-value: 357, 46%, 16%;
-  --color-red-300-value: 356, 54%, 22%;
-  --color-red-400-value: 357, 55%, 26%;
-  --color-red-500-value: 357, 60%, 32%;
-  --color-red-600-value: 358, 75%, 59%;
-  --color-red-700-value: 358, 75%, 59%;
-  --color-red-800-value: 358, 69%, 52%;
-  --color-red-900-value: 358, 100%, 69%;
-  --color-red-1000-value: 353, 90%, 96%;
-
-  --color-amber-100-value: 35, 100%, 8%;
-  --color-amber-200-value: 32, 100%, 10%;
-  --color-amber-300-value: 33, 100%, 15%;
-  --color-amber-400-value: 35, 100%, 17%;
-  --color-amber-500-value: 35, 91%, 22%;
-  --color-amber-600-value: 39, 85%, 49%;
-  --color-amber-700-value: 39, 100%, 57%;
-  --color-amber-800-value: 35, 100%, 52%;
-  --color-amber-900-value: 39, 90%, 50%;
-  --color-amber-1000-value: 40, 94%, 93%;
-
-  --color-green-100-value: 136, 50%, 9%;
-  --color-green-200-value: 137, 50%, 12%;
-  --color-green-300-value: 136, 50%, 14%;
-  --color-green-400-value: 135, 70%, 16%;
-  --color-green-500-value: 135, 70%, 23%;
-  --color-green-600-value: 135, 70%, 34%;
-  --color-green-700-value: 131, 41%, 46%;
-  --color-green-800-value: 132, 43%, 39%;
-  --color-green-900-value: 131, 43%, 57%;
-  --color-green-1000-value: 136, 73%, 94%;
-
-  --color-teal-100-value: 169, 78%, 7%;
-  --color-teal-200-value: 170, 74%, 9%;
-  --color-teal-300-value: 171, 75%, 13%;
-  --color-teal-400-value: 171, 85%, 13%;
-  --color-teal-500-value: 172, 85%, 20%;
-  --color-teal-600-value: 172, 85%, 32%;
-  --color-teal-700-value: 173, 80%, 36%;
-  --color-teal-800-value: 173, 83%, 30%;
-  --color-teal-900-value: 174, 90%, 41%;
-  --color-teal-1000-value: 166, 71%, 93%;
-
-  --color-purple-100-value: 283, 30%, 12%;
-  --color-purple-200-value: 281, 38%, 16%;
-  --color-purple-300-value: 279, 44%, 23%;
-  --color-purple-400-value: 277, 46%, 28%;
-  --color-purple-500-value: 274, 49%, 35%;
-  --color-purple-600-value: 272, 51%, 54%;
-  --color-purple-700-value: 272, 51%, 54%;
-  --color-purple-800-value: 272, 47%, 45%;
-  --color-purple-900-value: 275, 80%, 71%;
-  --color-purple-1000-value: 281, 73%, 96%;
-
-  --color-pink-100-value: 335, 32%, 12%;
-  --color-pink-200-value: 335, 43%, 16%;
-  --color-pink-300-value: 335, 47%, 21%;
-  --color-pink-400-value: 335, 51%, 22%;
-  --color-pink-500-value: 335, 57%, 27%;
-  --color-pink-600-value: 336, 75%, 40%;
-  --color-pink-700-value: 336, 80%, 58%;
-  --color-pink-800-value: 336, 74%, 51%;
-  --color-pink-900-value: 341, 90%, 67%;
-  --color-pink-1000-value: 333, 90%, 96%;
-
-  --shadow-small-value: 0px 1px 2px #00000029;
-  --shadow-medium-value: 0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;
-  --shadow-large-value: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
-  --shadow-tooltip-value: 0px 1px 1px #00000005, 0px 4px 8px #0000000a;
-  --shadow-menu-value:
-    0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
-  --shadow-modal-value:
-    0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;
-  --shadow-fullscreen-value:
-    0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;
-
-  color-scheme: dark;
-}
-
-/* Prefer relative colors */
-@supports (color: hsl(from #fff h s l)) {
-  :root {
-    --primary-hover: hsl(from var(--color-primary) h s calc(l + 10));
-    --primary-active: hsl(from var(--color-primary) h s calc(l - 10));
-  }
-}
-
-@theme inline {
-  --font-sans:
-    'Inter', 'Inter Fallback', 'Geist', Arial, ui-sans-serif, system-ui, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-mono:
-    'MonoLisa', 'Geist Mono', 'JetBrains Mono', 'Input Mono', ui-monospace, SFMono-Regular, Menlo,
-    Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-
-  --color-primary: hsl(var(--primary));
-  --color-primary-hover: var(--primary-hover);
-  --color-primary-active: var(--primary-active);
-  --color-primary-foreground: hsl(var(--primary-foreground));
-
-  --color-border: var(--color-gray-alpha-300-value);
-  --color-border-hover: hsl(var(--color-gray-500-value));
-  --color-border-active: hsl(var(--color-gray-600-value));
-
-  --color-foreground: hsl(var(--color-gray-1000-value));
-  --color-foreground-secondary: hsl(var(--color-gray-700-value));
-  --color-background-100: hsl(var(--background-100-value));
-  --color-background-200: hsl(var(--background-200-value));
-  --color-background-hover: hsl(var(--color-gray-200-value));
-  --color-background-active: hsl(var(--color-gray-300-value));
-
-  --color-gray-alpha-100: var(--color-gray-alpha-100-value);
-  --color-gray-alpha-200: var(--color-gray-alpha-200-value);
-  --color-gray-alpha-300: var(--color-gray-alpha-300-value);
-  --color-gray-alpha-400: var(--color-gray-alpha-400-value);
-  --color-gray-alpha-500: var(--color-gray-alpha-500-value);
-  --color-gray-alpha-600: var(--color-gray-alpha-600-value);
-  --color-gray-alpha-700: var(--color-gray-alpha-700-value);
-  --color-gray-alpha-800: var(--color-gray-alpha-800-value);
-  --color-gray-alpha-900: var(--color-gray-alpha-900-value);
-  --color-gray-alpha-1000: var(--color-gray-alpha-1000-value);
-
-  --color-gray-100: hsl(var(--color-gray-100-value));
-  --color-gray-200: hsl(var(--color-gray-200-value));
-  --color-gray-300: hsl(var(--color-gray-300-value));
-  --color-gray-400: hsl(var(--color-gray-400-value));
-  --color-gray-500: hsl(var(--color-gray-500-value));
-  --color-gray-600: hsl(var(--color-gray-600-value));
-  --color-gray-700: hsl(var(--color-gray-700-value));
-  --color-gray-800: hsl(var(--color-gray-800-value));
-  --color-gray-900: hsl(var(--color-gray-900-value));
-  --color-gray-1000: hsl(var(--color-gray-1000-value));
-
-  --color-red-100: hsl(var(--color-red-100-value));
-  --color-red-200: hsl(var(--color-red-200-value));
-  --color-red-300: hsl(var(--color-red-300-value));
-  --color-red-400: hsl(var(--color-red-400-value));
-  --color-red-500: hsl(var(--color-red-500-value));
-  --color-red-600: hsl(var(--color-red-600-value));
-  --color-red-700: hsl(var(--color-red-700-value));
-  --color-red-800: hsl(var(--color-red-800-value));
-  --color-red-900: hsl(var(--color-red-900-value));
-  --color-red-1000: hsl(var(--color-red-1000-value));
-
-  --color-blue-100: hsl(var(--color-blue-100-value));
-  --color-blue-200: hsl(var(--color-blue-200-value));
-  --color-blue-300: hsl(var(--color-blue-300-value));
-  --color-blue-400: hsl(var(--color-blue-400-value));
-  --color-blue-500: hsl(var(--color-blue-500-value));
-  --color-blue-600: hsl(var(--color-blue-600-value));
-  --color-blue-700: hsl(var(--color-blue-700-value));
-  --color-blue-800: hsl(var(--color-blue-800-value));
-  --color-blue-900: hsl(var(--color-blue-900-value));
-  --color-blue-1000: hsl(var(--color-blue-1000-value));
-
-  --color-amber-100: hsl(var(--color-amber-100-value));
-  --color-amber-200: hsl(var(--color-amber-200-value));
-  --color-amber-300: hsl(var(--color-amber-300-value));
-  --color-amber-400: hsl(var(--color-amber-400-value));
-  --color-amber-500: hsl(var(--color-amber-500-value));
-  --color-amber-600: hsl(var(--color-amber-600-value));
-  --color-amber-700: hsl(var(--color-amber-700-value));
-  --color-amber-800: hsl(var(--color-amber-800-value));
-  --color-amber-900: hsl(var(--color-amber-900-value));
-  --color-amber-1000: hsl(var(--color-amber-1000-value));
-
-  --color-green-100: hsl(var(--color-green-100-value));
-  --color-green-200: hsl(var(--color-green-200-value));
-  --color-green-300: hsl(var(--color-green-300-value));
-  --color-green-400: hsl(var(--color-green-400-value));
-  --color-green-500: hsl(var(--color-green-500-value));
-  --color-green-600: hsl(var(--color-green-600-value));
-  --color-green-700: hsl(var(--color-green-700-value));
-  --color-green-800: hsl(var(--color-green-800-value));
-  --color-green-900: hsl(var(--color-green-900-value));
-  --color-green-1000: hsl(var(--color-green-1000-value));
-
-  --color-teal-100: hsl(var(--color-teal-100-value));
-  --color-teal-200: hsl(var(--color-teal-200-value));
-  --color-teal-300: hsl(var(--color-teal-300-value));
-  --color-teal-400: hsl(var(--color-teal-400-value));
-  --color-teal-500: hsl(var(--color-teal-500-value));
-  --color-teal-600: hsl(var(--color-teal-600-value));
-  --color-teal-700: hsl(var(--color-teal-700-value));
-  --color-teal-800: hsl(var(--color-teal-800-value));
-  --color-teal-900: hsl(var(--color-teal-900-value));
-  --color-teal-1000: hsl(var(--color-teal-1000-value));
-
-  --color-purple-100: hsl(var(--color-purple-100-value));
-  --color-purple-200: hsl(var(--color-purple-200-value));
-  --color-purple-300: hsl(var(--color-purple-300-value));
-  --color-purple-400: hsl(var(--color-purple-400-value));
-  --color-purple-500: hsl(var(--color-purple-500-value));
-  --color-purple-600: hsl(var(--color-purple-600-value));
-  --color-purple-700: hsl(var(--color-purple-700-value));
-  --color-purple-800: hsl(var(--color-purple-800-value));
-  --color-purple-900: hsl(var(--color-purple-900-value));
-  --color-purple-1000: hsl(var(--color-purple-1000-value));
-
-  --color-pink-100: hsl(var(--color-pink-100-value));
-  --color-pink-200: hsl(var(--color-pink-200-value));
-  --color-pink-300: hsl(var(--color-pink-300-value));
-  --color-pink-400: hsl(var(--color-pink-400-value));
-  --color-pink-500: hsl(var(--color-pink-500-value));
-  --color-pink-600: hsl(var(--color-pink-600-value));
-  --color-pink-700: hsl(var(--color-pink-700-value));
-  --color-pink-800: hsl(var(--color-pink-800-value));
-  --color-pink-900: hsl(var(--color-pink-900-value));
-  --color-pink-1000: hsl(var(--color-pink-1000-value));
-
-  --default-transition-duration: var(--duration);
-  --default-transition-timing-function: var(--timing-function);
-  --faster-transition-duration: calc(var(--duration) * 0.7);
-
-  --z-1: 1;
-  --spacing-em: 1em;
-  --spacing-inherit: inherit;
-
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --radius-inherit: inherit;
-
-  --shadow-small: var(--shadow-small-value);
-  --shadow-medium: var(--shadow-medium-value);
-  --shadow-large: var(--shadow-large-value);
-  --shadow-tooltip: var(--shadow-tooltip-value);
-  --shadow-menu: var(--shadow-menu-value);
-  --shadow-modal: var(--shadow-modal-value);
-  --shadow-fullscreen: var(--shadow-fullscreen-value);
-
-  --shadow-border-base: inset var(--shadow-border-value);
-  --shadow-border-small:
-    var(--shadow-border-value), var(--shadow-small-value), var(--shadow-background-border);
-  --shadow-border-medium:
-    var(--shadow-border-value), var(--shadow-medium-value), var(--shadow-background-border);
-  --shadow-border-large:
-    var(--shadow-border-value), var(--shadow-large-value), var(--shadow-background-border);
-  --shadow-border-tooltip:
-    var(--shadow-border-value), var(--shadow-tooltip-value), var(--shadow-background-border);
-  --shadow-border-menu:
-    var(--shadow-border-value), var(--shadow-menu-value), var(--shadow-background-border);
-  --shadow-border-modal:
-    var(--shadow-border-value), var(--shadow-modal-value), var(--shadow-background-border);
-  --shadow-border-fullscreen:
-    var(--shadow-border-value), var(--shadow-fullscreen-value), var(--shadow-background-border);
-
-  --text-11: 11px;
-  --text-13: 13px;
-  --text-15: 15px;
-}
-
-@utility default-animation-duration {
-  animation-duration: var(--default-transition-duration);
-}
-
-@utility default-transition-duration {
-  transition-duration: var(--default-transition-duration);
-}
-
-@utility default-animation-timing-function {
-  animation-timing-function: var(--default-transition-timing-function);
-}
-
-@utility default-transition-timing-function {
-  transition-timing-function: var(--default-transition-timing-function);
-}
-
-@utility underline {
-  text-underline-position: from-font;
-  text-decoration-skip-ink: auto;
-}
-
-@utility truncate-* {
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-clamp: --value(integer);
-  -webkit-line-clamp: --value(integer);
-  -webkit-box-orient: vertical;
-}
-
-@utility scrollbar-none {
-  & {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-@utility self-focus-ring {
-  & {
-    outline-offset: 2px;
-  }
-  &:focus-visible {
-    outline: 2px solid hsl(var(--ring));
-  }
-}
-
-@utility peer-focus-ring {
-  & {
-    outline-offset: 2px;
-  }
-
-  .peer:focus-visible ~ & {
-    outline: 2px solid hsl(var(--ring));
-  }
-}
-
-@utility transition-appearance {
-  transition-property:
-    opacity, transform, scale, translate, background-color, box-shadow, border-color, color;
-  transition-duration: var(--default-transition-duration);
-  transition-timing-function: var(--default-transition-timing-function);
-}
-
-@utility transition-transform-opacity {
-  transition-property: opacity, transform, scale, rotate, translate;
-  transition-duration: var(--default-transition-duration);
-  transition-timing-function: var(--default-transition-timing-function);
-}
-
-@utility visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-  opacity: 0;
-}
-
-@utility content-visibility-auto {
-  content-visibility: auto;
-}
-
-@utility intrinsic-size-auto {
-  contain-intrinsic-size: auto none;
-}
-
-@utility font-inherit {
-  font-family: inherit;
-}
-
-@utility text-trim-both {
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
-}
-
-@layer base {
-  *,
-  &::before,
-  &::after {
-    border-color: var(--color-gray-300);
-  }
-
-  .dark :is(*, *::before, *::after) {
-    border-color: var(--color-gray-400);
-  }
-}
-
-@layer components {
-  .pxd-input--border {
-    border-width: 1px;
-    border-style: solid;
-
-    &:not(.is-disabled, .is-readonly):hover {
-      border-color: hsla(var(--primary), 0.5);
-    }
-
-    &:not(.is-disabled, .is-readonly)[data-focusing='true'],
-    &:not(.is-disabled, .is-readonly):focus-within {
-      border-color: var(--color-primary);
-      box-shadow: 0 0 0 3px hsla(var(--primary), 0.2);
-    }
-
-    &.is-error {
-      &:not(:focus)::placeholder {
-        color: var(--color-red-900) !important;
-      }
-
-      &,
-      &:focus-within,
-      &[data-focusing='true'] {
-        border-color: hsl(var(--color-red-900-value));
-        box-shadow: 0 0 0 3px hsl(var(--color-red-300-value));
-      }
-
-      &:focus-within,
-      &[data-focusing='true'],
-      &:not(.is-disabled, .is-readonly):hover {
-        border-color: hsl(var(--color-red-900-value));
-        box-shadow: 0 0 0 3px hsl(var(--color-red-500-value));
-      }
-    }
-  }
-}
-
-.pxd-transition--fade-enter-active,
-.pxd-transition--fade-leave-active {
-  transition-property: opacity;
-  transition-duration: var(--default-transition-duration);
-  transition-timing-function: var(--default-transition-timing-function);
-  will-change: opacity;
-}
-
-.pxd-transition--fade-enter-from,
-.pxd-transition--fade-leave-to {
-  opacity: 0;
-}
-
-.pxd-transition--fade-scale-move,
-.pxd-transition--fade-scale-enter-active,
-.pxd-transition--fade-scale-leave-active {
-  transition-property: opacity, transform, filter;
-  transition-duration: var(--default-transition-duration);
-  transition-timing-function: var(--default-transition-timing-function);
-  will-change: opacity, transform, filter;
-}
-
-.pxd-transition--fade-scale-enter-from,
-.pxd-transition--fade-scale-leave-to {
-  opacity: 0;
-  filter: blur(4px);
-  transform: scale(0.8);
-}
-
-/* Make exit faster than enter */
-[class*='pxd-transition--'][class*='-leave-active'] {
-  transition-duration: var(--faster-transition-duration) !important;
-}
-
-[data-enter-motion='false'][class*='-enter-active'],
-[data-leave-motion='false'][class*='-leave-active'],
-[data-visible='true'] [data-enter-motion='false'],
-[data-visible='false'] [data-leave-motion='false'] {
-  transition-duration: 0s !important;
-}
-
-.scrollbar-disabled,
-.scrollbar-disabled-x {
-  overflow-x: clip !important;
-}
-
-.scrollbar-disabled,
-.scrollbar-disabled-y {
-  overflow-y: clip !important;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --duration: 0 !important;
-  }
-}
-

package/dist/types/shared/index.d.ts

@@ -1,2 +0,0 @@
-export type * from './props'
-export type * from './utils'