@c15t/react 0.0.1-rc.10

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

@@ -0,0 +1,197 @@
+: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: 90%;
+  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;
+  padding-right: 0;
+  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/components/shared/ui/button/button.cjs

@@ -0,0 +1,199 @@
+"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, {
+            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__);
+__webpack_require__.d(__webpack_exports__, {
+    Root: ()=>ButtonRoot,
+    buttonVariants: ()=>buttonVariants,
+    Icon: ()=>ButtonIcon
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+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: [
+            external_button_module_cjs_default().button
+        ],
+        icon: [
+            external_button_module_cjs_default()["button-icon"]
+        ]
+    },
+    variants: {
+        variant: {
+            primary: {},
+            neutral: {}
+        },
+        mode: {
+            filled: {},
+            stroke: {},
+            lighter: {},
+            ghost: {}
+        },
+        size: {
+            medium: {
+                root: external_button_module_cjs_default()["button-medium"]
+            },
+            small: {
+                root: external_button_module_cjs_default()["button-small"]
+            },
+            xsmall: {
+                root: external_button_module_cjs_default()["button-xsmall"]
+            },
+            xxsmall: {
+                root: external_button_module_cjs_default()["button-xxsmall"]
+            }
+        }
+    },
+    compoundVariants: [
+        {
+            variant: 'primary',
+            mode: 'filled',
+            class: {
+                root: external_button_module_cjs_default()["button-primary-filled"]
+            }
+        },
+        {
+            variant: 'primary',
+            mode: 'stroke',
+            class: {
+                root: external_button_module_cjs_default()["button-primary-stroke"]
+            }
+        },
+        {
+            variant: 'primary',
+            mode: 'lighter',
+            class: {
+                root: external_button_module_cjs_default()["button-primary-lighter"]
+            }
+        },
+        {
+            variant: 'primary',
+            mode: 'ghost',
+            class: {
+                root: external_button_module_cjs_default()["button-primary-ghost"]
+            }
+        },
+        {
+            variant: 'neutral',
+            mode: 'filled',
+            class: {
+                root: external_button_module_cjs_default()["button-neutral-filled"]
+            }
+        },
+        {
+            variant: 'neutral',
+            mode: 'stroke',
+            class: {
+                root: external_button_module_cjs_default()["button-neutral-stroke"]
+            }
+        },
+        {
+            variant: 'neutral',
+            mode: 'lighter',
+            class: {
+                root: external_button_module_cjs_default()["button-neutral-lighter"]
+            }
+        },
+        {
+            variant: 'neutral',
+            mode: 'ghost',
+            class: {
+                root: external_button_module_cjs_default()["button-neutral-ghost"]
+            }
+        }
+    ],
+    defaultVariants: {
+        variant: 'primary',
+        mode: 'filled',
+        size: 'medium'
+    }
+});
+const ButtonRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, variant, mode, size, asChild, className, ...rest }, forwardedRef)=>{
+    const uniqueId = (0, external_react_namespaceObject.useId)();
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'button';
+    const { root } = buttonVariants({
+        variant,
+        mode,
+        size
+    });
+    const sharedProps = {
+        variant,
+        mode,
+        size
+    };
+    const extendedChildren = (0, recursive_clone_children_cjs_namespaceObject.recursiveCloneChildren)(children, sharedProps, [
+        BUTTON_ICON_NAME
+    ], uniqueId, asChild);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        ref: forwardedRef,
+        className: root({
+            class: className
+        }),
+        ...rest,
+        children: extendedChildren
+    });
+});
+ButtonRoot.displayName = BUTTON_ROOT_NAME;
+function ButtonIcon({ variant, mode, size, as, className, ...rest }) {
+    const Component = as || 'div';
+    const { icon } = buttonVariants({
+        mode,
+        variant,
+        size
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: icon({
+            class: className
+        }),
+        ...rest
+    });
+}
+ButtonIcon.displayName = BUTTON_ICON_NAME;
+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
+});