@c15t/react 0.0.1-rc.4 → 0.0.1-rc.6

package/dist/components/shared/ui/accordion/accordion.types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * CSS variables for the layout of the accordion component
+ */
+export type AccordionLayoutCSSVariables = {
+    '--accordion-padding': string;
+    '--accordion-radius': string;
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+    '--accordion-icon-size': string;
+};
+/**
+ * CSS variables for the colors of the accordion component
+ */
+export type AccordionColorCSSVariables = {
+    '--accordion-background-color': string;
+    '--accordion-background-hover': string;
+    '--accordion-border-color': string;
+    '--accordion-text-color': string;
+    '--accordion-icon-color': string;
+    '--accordion-arrow-color': string;
+    '--accordion-content-color': string;
+    '--accordion-focus-ring': string;
+};
+/**
+ * CSS variables for the root accordion component
+ */
+export type AccordionRootCSSVariables = AccordionLayoutCSSVariables & AccordionColorCSSVariables;
+/**
+ * CSS variables for the accordion item component
+ */
+export type AccordionItemCSSVariables = {
+    '--accordion-background-color': string;
+    '--accordion-border-color': string;
+    '--accordion-radius': string;
+};
+/**
+ * CSS variables for the accordion trigger component
+ */
+export type AccordionTriggerCSSVariables = {
+    '--accordion-text-color': string;
+    '--accordion-focus-ring': string;
+    '--accordion-radius': string;
+    '--accordion-padding': string;
+};
+/**
+ * CSS variables for the accordion icon component
+ */
+export type AccordionIconCSSVariables = {
+    '--accordion-icon-size': string;
+    '--accordion-icon-color': string;
+};
+/**
+ * CSS variables for the accordion arrow component
+ */
+export type AccordionArrowCSSVariables = {
+    '--accordion-icon-size': string;
+    '--accordion-arrow-color': string;
+    '--accordion-icon-color': string;
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+};
+/**
+ * CSS variables for the accordion content component
+ */
+export type AccordionContentCSSVariables = {
+    '--accordion-duration': string;
+    '--accordion-ease': string;
+    '--accordion-content-color': string;
+};
+/**
+ * All CSS variables used in the accordion component
+ */
+export type AccordionCSSVariables = AccordionRootCSSVariables;
+//# sourceMappingURL=accordion.types.d.ts.map

package/dist/components/shared/ui/accordion/accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACzC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACxC,8BAA8B,EAAE,MAAM,CAAC;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,2BAA2B,GAClE,0BAA0B,CAAC;AAE5B;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,uBAAuB,EAAE,MAAM,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACxC,uBAAuB,EAAE,MAAM,CAAC;IAChC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC"}

package/dist/components/shared/ui/accordion/accordion_module.css

@@ -0,0 +1,196 @@
+:root {
+  --accordion-padding: .875rem;
+  --accordion-radius: .625rem;
+  --accordion-duration: .2s;
+  --accordion-ease: cubic-bezier(.4, 0, .2, 1);
+  --accordion-icon-size: 1.25rem;
+  --accordion-background-color: #fff;
+  --accordion-background-color-dark: #171717;
+  --accordion-background-hover: #f7f7f7;
+  --accordion-background-hover-dark: #1c1c1c;
+  --accordion-border-color: #ebebeb;
+  --accordion-border-color-dark: #333;
+  --accordion-text-color: #171717;
+  --accordion-text-color-dark: #e6e6e6;
+  --accordion-icon-color: #5c5c5c;
+  --accordion-icon-color-dark: #999;
+  --accordion-arrow-color: #a3a3a3;
+  --accordion-arrow-color-dark: #ccc;
+  --accordion-content-color: #5c5c5c;
+  --accordion-content-color-dark: #999;
+  --accordion-focus-ring: #476cff;
+  --accordion-focus-ring-dark: #99aeff;
+}
+
+.c15t-root-mn3Kc {
+  & > :not([hidden]) ~ :not([hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1rem * var(--space-y-reverse));
+  }
+}
+
+.c15t-item-wEBHW {
+  padding: var(--accordion-padding);
+  background-color: var(--accordion-background-color);
+  box-shadow: inset 0 0 0 1px var(--accordion-border-color);
+  transition: all var(--accordion-duration) var(--accordion-ease);
+  border-radius: var(--accordion-radius);
+  position: relative;
+}
+
+.dark .c15t-item-wEBHW {
+  background-color: var(--accordion-background-color-dark);
+  box-shadow: inset 0 0 0 1px var(--accordion-border-color-dark);
+}
+
+.c15t-item-wEBHW:is(:hover, :focus-within, [data-state="open"]) {
+  background-color: var(--accordion-background-hover);
+  box-shadow: inset 0 0 0 1px #0000;
+}
+
+.dark .c15t-item-wEBHW:is(:hover, :focus-within, [data-state="open"]) {
+  background-color: var(--accordion-background-hover-dark);
+  box-shadow: inset 0 0 0 1px #0000;
+}
+
+.c15t-trigger-YptQf {
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+.c15t-triggerInner-P7q0J {
+  width: calc(100% + (var(--accordion-padding) * 2));
+  margin: calc(-1 * var(--accordion-padding));
+  padding: var(--accordion-padding);
+  letter-spacing: -.006em;
+  text-align: left;
+  color: var(--accordion-text-color);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  gap: .625rem;
+  font-size: .875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  display: grid;
+}
+
+.dark .c15t-triggerInner-P7q0J {
+  color: var(--accordion-text-color-dark);
+}
+
+.c15t-trigger-YptQf:focus-visible {
+  outline: 2px solid var(--accordion-focus-ring);
+  outline-offset: -2px;
+  border-radius: calc(var(--accordion-radius)  - 2px);
+}
+
+.dark .c15t-trigger-YptQf:focus-visible {
+  outline: 2px solid var(--accordion-focus-ring-dark);
+}
+
+.c15t-icon-CWXG_ {
+  width: var(--accordion-icon-size);
+  height: var(--accordion-icon-size);
+  color: var(--accordion-icon-color);
+  flex-shrink: 0;
+}
+
+.dark .c15t-icon-CWXG_ {
+  color: var(--accordion-icon-color-dark);
+}
+
+.c15t-arrowOpen-BtPT6, .c15t-arrowClose-Rc1mA {
+  width: var(--accordion-icon-size);
+  height: var(--accordion-icon-size);
+  transition: color var(--accordion-duration) var(--accordion-ease);
+  flex-shrink: 0;
+}
+
+.c15t-arrowOpen-BtPT6 {
+  color: var(--accordion-arrow-color);
+}
+
+.dark .c15t-arrowOpen-BtPT6 {
+  color: var(--accordion-arrow-color-dark);
+}
+
+.c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6 {
+  color: var(--accordion-icon-color);
+}
+
+.dark .c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6 {
+  color: var(--accordion-icon-color-dark);
+}
+
+.c15t-arrowClose-Rc1mA {
+  color: var(--accordion-icon-color);
+  display: none;
+}
+
+.dark .c15t-arrowClose-Rc1mA {
+  color: var(--accordion-icon-color-dark);
+}
+
+.c15t-item-wEBHW[data-state="open"] .c15t-arrowOpen-BtPT6 {
+  display: none;
+}
+
+.c15t-item-wEBHW[data-state="open"] .c15t-arrowClose-Rc1mA {
+  display: block;
+}
+
+.c15t-content-F0Oyv {
+  overflow: hidden;
+}
+
+@keyframes c15t-accordionDown-BXyWj {
+  from {
+    opacity: 0;
+    height: 0;
+  }
+
+  to {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+}
+
+@keyframes c15t-accordionUp-JM5v8 {
+  from {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    height: 0;
+  }
+}
+
+.c15t-content-F0Oyv[data-state="open"] {
+  animation: c15t-accordionDown-BXyWj var(--accordion-duration) var(--accordion-ease);
+}
+
+.c15t-content-F0Oyv[data-state="closed"] {
+  animation: c15t-accordionUp-JM5v8 var(--accordion-duration) var(--accordion-ease);
+}
+
+.c15t-contentInner-seFon {
+  letter-spacing: -.006em;
+  color: var(--accordion-content-color);
+  padding-top: .375rem;
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.dark .c15t-contentInner-seFon {
+  color: var(--accordion-content-color-dark);
+}
+

package/dist/components/shared/ui/accordion/index.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_modules__ = {
+    "./accordion": function(module) {
+        module.exports = require("./accordion.cjs");
+    },
+    "./accordion.types": function(module) {
+        module.exports = require("./accordion.types.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _accordion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./accordion");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _accordion__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _accordion__WEBPACK_IMPORTED_MODULE_0__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _accordion_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./accordion.types");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _accordion_types__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _accordion_types__WEBPACK_IMPORTED_MODULE_1__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+})();
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/components/shared/ui/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export * from './accordion';
+export * from './accordion.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/ui/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/components/shared/ui/accordion/index.js

@@ -0,0 +1,2 @@
+export * from "./accordion.js";
+export * from "./accordion.types.js";

package/dist/{ui/components → components/shared/ui/button}/button.cjs

@@ -1,5 +1,18 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = function(exports1, definition) {
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -32,19 +45,20 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
-const external_tailwind_variants_namespaceObject = require("tailwind-variants");
-const recursive_clone_children_cjs_namespaceObject = require("../libs/recursive-clone-children.cjs");
-require("./button.css");
 const external_react_namespaceObject = require("react");
+const external_tailwind_variants_namespaceObject = require("tailwind-variants");
+const recursive_clone_children_cjs_namespaceObject = require("../../libs/recursive-clone-children.cjs");
+const external_button_module_cjs_namespaceObject = require("./button.module.cjs");
+var external_button_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_button_module_cjs_namespaceObject);
 const BUTTON_ROOT_NAME = 'ButtonRoot';
 const BUTTON_ICON_NAME = 'ButtonIcon';
 const buttonVariants = (0, external_tailwind_variants_namespaceObject.tv)({
     slots: {
         root: [
-            'c15t-button'
+            external_button_module_cjs_default().button
         ],
         icon: [
-            'c15t-button-icon'
+            external_button_module_cjs_default()["button-icon"]
         ]
     },
     variants: {
@@ -60,16 +74,16 @@ const buttonVariants = (0, external_tailwind_variants_namespaceObject.tv)({
         },
         size: {
             medium: {
-                root: 'c15t-button-medium'
+                root: external_button_module_cjs_default()["button-medium"]
             },
             small: {
-                root: 'c15t-button-small'
+                root: external_button_module_cjs_default()["button-small"]
             },
             xsmall: {
-                root: 'c15t-button-xsmall'
+                root: external_button_module_cjs_default()["button-xsmall"]
             },
             xxsmall: {
-                root: 'c15t-button-xxsmall'
+                root: external_button_module_cjs_default()["button-xxsmall"]
             }
         }
     },
@@ -78,56 +92,56 @@ const buttonVariants = (0, external_tailwind_variants_namespaceObject.tv)({
             variant: 'primary',
             mode: 'filled',
             class: {
-                root: 'c15t-button-primary-filled'
+                root: external_button_module_cjs_default()["button-primary-filled"]
             }
         },
         {
             variant: 'primary',
             mode: 'stroke',
             class: {
-                root: 'c15t-button-primary-stroke'
+                root: external_button_module_cjs_default()["button-primary-stroke"]
             }
         },
         {
             variant: 'primary',
             mode: 'lighter',
             class: {
-                root: 'c15t-button-primary-lighter'
+                root: external_button_module_cjs_default()["button-primary-lighter"]
             }
         },
         {
             variant: 'primary',
             mode: 'ghost',
             class: {
-                root: 'c15t-button-primary-ghost'
+                root: external_button_module_cjs_default()["button-primary-ghost"]
             }
         },
         {
             variant: 'neutral',
             mode: 'filled',
             class: {
-                root: 'c15t-button-neutral-filled'
+                root: external_button_module_cjs_default()["button-neutral-filled"]
             }
         },
         {
             variant: 'neutral',
             mode: 'stroke',
             class: {
-                root: 'c15t-button-neutral-stroke'
+                root: external_button_module_cjs_default()["button-neutral-stroke"]
             }
         },
         {
             variant: 'neutral',
             mode: 'lighter',
             class: {
-                root: 'c15t-button-neutral-lighter'
+                root: external_button_module_cjs_default()["button-neutral-lighter"]
             }
         },
         {
             variant: 'neutral',
             mode: 'ghost',
             class: {
-                root: 'c15t-button-neutral-ghost'
+                root: external_button_module_cjs_default()["button-neutral-ghost"]
             }
         }
     ],