yukit-web 0.0.1

package/package.json

@@ -0,0 +1,291 @@
+{
+  "name": "yukit-web",
+  "description": "Angular UI component library for Yurest web applications.",
+  "version": "0.0.1",
+  "author": {
+    "name": "Yurest Solutions",
+    "email": "develop@yurest.com"
+  },
+  "exports": {
+    "./theme.css": "./src/lib/theme/theme.css",
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/yukit-web.d.ts",
+      "default": "./fesm2022/yukit-web.mjs"
+    },
+    "./helm/accordion": {
+      "types": "./types/yukit-web-helm-accordion.d.ts",
+      "default": "./fesm2022/yukit-web-helm-accordion.mjs"
+    },
+    "./helm/alert": {
+      "types": "./types/yukit-web-helm-alert.d.ts",
+      "default": "./fesm2022/yukit-web-helm-alert.mjs"
+    },
+    "./helm/alert-dialog": {
+      "types": "./types/yukit-web-helm-alert-dialog.d.ts",
+      "default": "./fesm2022/yukit-web-helm-alert-dialog.mjs"
+    },
+    "./helm/aspect-ratio": {
+      "types": "./types/yukit-web-helm-aspect-ratio.d.ts",
+      "default": "./fesm2022/yukit-web-helm-aspect-ratio.mjs"
+    },
+    "./helm/attachment": {
+      "types": "./types/yukit-web-helm-attachment.d.ts",
+      "default": "./fesm2022/yukit-web-helm-attachment.mjs"
+    },
+    "./helm/autocomplete": {
+      "types": "./types/yukit-web-helm-autocomplete.d.ts",
+      "default": "./fesm2022/yukit-web-helm-autocomplete.mjs"
+    },
+    "./helm/avatar": {
+      "types": "./types/yukit-web-helm-avatar.d.ts",
+      "default": "./fesm2022/yukit-web-helm-avatar.mjs"
+    },
+    "./helm/badge": {
+      "types": "./types/yukit-web-helm-badge.d.ts",
+      "default": "./fesm2022/yukit-web-helm-badge.mjs"
+    },
+    "./helm/breadcrumb": {
+      "types": "./types/yukit-web-helm-breadcrumb.d.ts",
+      "default": "./fesm2022/yukit-web-helm-breadcrumb.mjs"
+    },
+    "./helm/bubble": {
+      "types": "./types/yukit-web-helm-bubble.d.ts",
+      "default": "./fesm2022/yukit-web-helm-bubble.mjs"
+    },
+    "./helm/button": {
+      "types": "./types/yukit-web-helm-button.d.ts",
+      "default": "./fesm2022/yukit-web-helm-button.mjs"
+    },
+    "./helm/button-group": {
+      "types": "./types/yukit-web-helm-button-group.d.ts",
+      "default": "./fesm2022/yukit-web-helm-button-group.mjs"
+    },
+    "./helm/calendar": {
+      "types": "./types/yukit-web-helm-calendar.d.ts",
+      "default": "./fesm2022/yukit-web-helm-calendar.mjs"
+    },
+    "./helm/card": {
+      "types": "./types/yukit-web-helm-card.d.ts",
+      "default": "./fesm2022/yukit-web-helm-card.mjs"
+    },
+    "./helm/carousel": {
+      "types": "./types/yukit-web-helm-carousel.d.ts",
+      "default": "./fesm2022/yukit-web-helm-carousel.mjs"
+    },
+    "./helm/checkbox": {
+      "types": "./types/yukit-web-helm-checkbox.d.ts",
+      "default": "./fesm2022/yukit-web-helm-checkbox.mjs"
+    },
+    "./helm/collapsible": {
+      "types": "./types/yukit-web-helm-collapsible.d.ts",
+      "default": "./fesm2022/yukit-web-helm-collapsible.mjs"
+    },
+    "./helm/combobox": {
+      "types": "./types/yukit-web-helm-combobox.d.ts",
+      "default": "./fesm2022/yukit-web-helm-combobox.mjs"
+    },
+    "./helm/command": {
+      "types": "./types/yukit-web-helm-command.d.ts",
+      "default": "./fesm2022/yukit-web-helm-command.mjs"
+    },
+    "./helm/context-menu": {
+      "types": "./types/yukit-web-helm-context-menu.d.ts",
+      "default": "./fesm2022/yukit-web-helm-context-menu.mjs"
+    },
+    "./helm/date-picker": {
+      "types": "./types/yukit-web-helm-date-picker.d.ts",
+      "default": "./fesm2022/yukit-web-helm-date-picker.mjs"
+    },
+    "./helm/dialog": {
+      "types": "./types/yukit-web-helm-dialog.d.ts",
+      "default": "./fesm2022/yukit-web-helm-dialog.mjs"
+    },
+    "./helm/drawer": {
+      "types": "./types/yukit-web-helm-drawer.d.ts",
+      "default": "./fesm2022/yukit-web-helm-drawer.mjs"
+    },
+    "./helm/dropdown-menu": {
+      "types": "./types/yukit-web-helm-dropdown-menu.d.ts",
+      "default": "./fesm2022/yukit-web-helm-dropdown-menu.mjs"
+    },
+    "./helm/empty": {
+      "types": "./types/yukit-web-helm-empty.d.ts",
+      "default": "./fesm2022/yukit-web-helm-empty.mjs"
+    },
+    "./helm/field": {
+      "types": "./types/yukit-web-helm-field.d.ts",
+      "default": "./fesm2022/yukit-web-helm-field.mjs"
+    },
+    "./helm/hover-card": {
+      "types": "./types/yukit-web-helm-hover-card.d.ts",
+      "default": "./fesm2022/yukit-web-helm-hover-card.mjs"
+    },
+    "./helm/input": {
+      "types": "./types/yukit-web-helm-input.d.ts",
+      "default": "./fesm2022/yukit-web-helm-input.mjs"
+    },
+    "./helm/input-group": {
+      "types": "./types/yukit-web-helm-input-group.d.ts",
+      "default": "./fesm2022/yukit-web-helm-input-group.mjs"
+    },
+    "./helm/input-otp": {
+      "types": "./types/yukit-web-helm-input-otp.d.ts",
+      "default": "./fesm2022/yukit-web-helm-input-otp.mjs"
+    },
+    "./helm/item": {
+      "types": "./types/yukit-web-helm-item.d.ts",
+      "default": "./fesm2022/yukit-web-helm-item.mjs"
+    },
+    "./helm/kbd": {
+      "types": "./types/yukit-web-helm-kbd.d.ts",
+      "default": "./fesm2022/yukit-web-helm-kbd.mjs"
+    },
+    "./helm/label": {
+      "types": "./types/yukit-web-helm-label.d.ts",
+      "default": "./fesm2022/yukit-web-helm-label.mjs"
+    },
+    "./helm/marker": {
+      "types": "./types/yukit-web-helm-marker.d.ts",
+      "default": "./fesm2022/yukit-web-helm-marker.mjs"
+    },
+    "./helm/menubar": {
+      "types": "./types/yukit-web-helm-menubar.d.ts",
+      "default": "./fesm2022/yukit-web-helm-menubar.mjs"
+    },
+    "./helm/message": {
+      "types": "./types/yukit-web-helm-message.d.ts",
+      "default": "./fesm2022/yukit-web-helm-message.mjs"
+    },
+    "./helm/native-select": {
+      "types": "./types/yukit-web-helm-native-select.d.ts",
+      "default": "./fesm2022/yukit-web-helm-native-select.mjs"
+    },
+    "./helm/navigation-menu": {
+      "types": "./types/yukit-web-helm-navigation-menu.d.ts",
+      "default": "./fesm2022/yukit-web-helm-navigation-menu.mjs"
+    },
+    "./helm/pagination": {
+      "types": "./types/yukit-web-helm-pagination.d.ts",
+      "default": "./fesm2022/yukit-web-helm-pagination.mjs"
+    },
+    "./helm/popover": {
+      "types": "./types/yukit-web-helm-popover.d.ts",
+      "default": "./fesm2022/yukit-web-helm-popover.mjs"
+    },
+    "./helm/progress": {
+      "types": "./types/yukit-web-helm-progress.d.ts",
+      "default": "./fesm2022/yukit-web-helm-progress.mjs"
+    },
+    "./helm/radio-group": {
+      "types": "./types/yukit-web-helm-radio-group.d.ts",
+      "default": "./fesm2022/yukit-web-helm-radio-group.mjs"
+    },
+    "./helm/resizable": {
+      "types": "./types/yukit-web-helm-resizable.d.ts",
+      "default": "./fesm2022/yukit-web-helm-resizable.mjs"
+    },
+    "./helm/scroll-area": {
+      "types": "./types/yukit-web-helm-scroll-area.d.ts",
+      "default": "./fesm2022/yukit-web-helm-scroll-area.mjs"
+    },
+    "./helm/select": {
+      "types": "./types/yukit-web-helm-select.d.ts",
+      "default": "./fesm2022/yukit-web-helm-select.mjs"
+    },
+    "./helm/separator": {
+      "types": "./types/yukit-web-helm-separator.d.ts",
+      "default": "./fesm2022/yukit-web-helm-separator.mjs"
+    },
+    "./helm/sheet": {
+      "types": "./types/yukit-web-helm-sheet.d.ts",
+      "default": "./fesm2022/yukit-web-helm-sheet.mjs"
+    },
+    "./helm/sidebar": {
+      "types": "./types/yukit-web-helm-sidebar.d.ts",
+      "default": "./fesm2022/yukit-web-helm-sidebar.mjs"
+    },
+    "./helm/skeleton": {
+      "types": "./types/yukit-web-helm-skeleton.d.ts",
+      "default": "./fesm2022/yukit-web-helm-skeleton.mjs"
+    },
+    "./helm/slider": {
+      "types": "./types/yukit-web-helm-slider.d.ts",
+      "default": "./fesm2022/yukit-web-helm-slider.mjs"
+    },
+    "./helm/sonner": {
+      "types": "./types/yukit-web-helm-sonner.d.ts",
+      "default": "./fesm2022/yukit-web-helm-sonner.mjs"
+    },
+    "./helm/spinner": {
+      "types": "./types/yukit-web-helm-spinner.d.ts",
+      "default": "./fesm2022/yukit-web-helm-spinner.mjs"
+    },
+    "./helm/switch": {
+      "types": "./types/yukit-web-helm-switch.d.ts",
+      "default": "./fesm2022/yukit-web-helm-switch.mjs"
+    },
+    "./helm/table": {
+      "types": "./types/yukit-web-helm-table.d.ts",
+      "default": "./fesm2022/yukit-web-helm-table.mjs"
+    },
+    "./helm/tabs": {
+      "types": "./types/yukit-web-helm-tabs.d.ts",
+      "default": "./fesm2022/yukit-web-helm-tabs.mjs"
+    },
+    "./helm/textarea": {
+      "types": "./types/yukit-web-helm-textarea.d.ts",
+      "default": "./fesm2022/yukit-web-helm-textarea.mjs"
+    },
+    "./helm/toggle": {
+      "types": "./types/yukit-web-helm-toggle.d.ts",
+      "default": "./fesm2022/yukit-web-helm-toggle.mjs"
+    },
+    "./helm/toggle-group": {
+      "types": "./types/yukit-web-helm-toggle-group.d.ts",
+      "default": "./fesm2022/yukit-web-helm-toggle-group.mjs"
+    },
+    "./helm/tooltip": {
+      "types": "./types/yukit-web-helm-tooltip.d.ts",
+      "default": "./fesm2022/yukit-web-helm-tooltip.mjs"
+    },
+    "./helm/typography": {
+      "types": "./types/yukit-web-helm-typography.d.ts",
+      "default": "./fesm2022/yukit-web-helm-typography.mjs"
+    },
+    "./helm/utils": {
+      "types": "./types/yukit-web-helm-utils.d.ts",
+      "default": "./fesm2022/yukit-web-helm-utils.mjs"
+    }
+  },
+  "peerDependencies": {
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/router": "^21.0.0",
+    "@ng-icons/core": "^32.2.0",
+    "@ng-icons/lucide": "^32.2.0",
+    "@spartan-ng/brain": "^1.3.0",
+    "@tanstack/angular-table": "^9.0.0",
+    "embla-carousel-angular": "^21.0.0",
+    "ngx-scrollbar": "^19.1.5",
+    "rxjs": "^7.8.0"
+  },
+  "dependencies": {
+    "@tanstack/table-core": "^9.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel": ">=8.0.0 <9.0.0",
+    "tailwind-merge": "^3.6.0",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "module": "fesm2022/yukit-web.mjs",
+  "typings": "types/yukit-web.d.ts",
+  "type": "module"
+}

package/src/lib/theme/spartan-overwrites/accordion.css

@@ -0,0 +1,4 @@
+[data-slot='accordion-trigger'][aria-expanded='true'] ng-icon.group-aria-expanded\/accordion-trigger\:hidden,
+[data-slot='accordion-trigger'][aria-expanded='false'] ng-icon.group-aria-\[expanded\=false\]\/accordion-trigger\:hidden {
+  display: none;
+}

package/src/lib/theme/theme.css

@@ -0,0 +1,161 @@
+/**
+ *yukit-web tokens
+ */
+@import './tokens/color.css';
+@import './tokens/radius.css';
+@import './tokens/typography.css';
+@import './tokens/component-colors.css';
+
+/**
+ * Spartan css overwrites
+ */
+@import './spartan-overwrites/accordion.css';
+
+@layer base {
+
+  *,
+  ::after,
+  ::before {
+    border-color: var(--border);
+  }
+
+  :focus-visible {
+    outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+  }
+
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+    font-family: var(--font-sans);
+  }
+
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+
+  button:disabled,
+  [role="button"]:disabled {
+    cursor: not-allowed;
+  }
+
+  .yuw-bg-primary {
+    background-color: var(--primary);
+  }
+
+  .yuw-text-primary {
+    color: var(--primary);
+  }
+
+  .yuw-text-white {
+    color: var(--white);
+  }
+
+  .yuw-text-black {
+    color: var(--black);
+  }
+
+  .yuw-bg-primary-foreground {
+    background-color: var(--primary-foreground);
+  }
+
+  .yuw-border-primary {
+    border-color: var(--primary);
+  }
+
+  .yuw-bg-success {
+    background-color: var(--success);
+  }
+
+  .yuw-text-success {
+    color: var(--success);
+  }
+
+  .yuw-bg-warning {
+    background-color: var(--warning);
+  }
+
+  .yuw-text-warning {
+    color: var(--warning);
+  }
+
+  .yuw-bg-danger {
+    background-color: var(--danger);
+  }
+
+  .yuw-text-danger {
+    color: var(--danger);
+  }
+
+  .yuw-bg-info {
+    background-color: var(--info);
+  }
+
+  .yuw-text-info {
+    color: var(--info);
+  }
+
+  .yuw-border-success {
+    border-color: var(--success);
+  }
+
+  .yuw-border-warning {
+    border-color: var(--warning);
+  }
+
+  .yuw-border-danger {
+    border-color: var(--danger);
+  }
+
+  .yuw-border-info {
+    border-color: var(--info);
+  }
+
+  .yuw-bg-success-foreground {
+    background-color: var(--success-foreground);
+  }
+
+  .yuw-text-success-foreground {
+    color: var(--success-foreground);
+  }
+
+  .yuw-bg-warning-foreground {
+    background-color: var(--warning-foreground);
+  }
+
+  .yuw-text-warning-foreground {
+    color: var(--warning-foreground);
+  }
+
+  .yuw-bg-danger-foreground {
+    background-color: var(--danger-foreground);
+  }
+
+  .yuw-text-danger-foreground {
+    color: var(--danger-foreground);
+  }
+
+  .yuw-bg-info-foreground {
+    background-color: var(--info-foreground);
+  }
+
+  .yuw-text-info-foreground {
+    color: var(--info-foreground);
+  }
+
+  .yuw-border-success-foreground {
+    border-color: var(--success-foreground);
+  }
+
+  .yuw-border-warning-foreground {
+    border-color: var(--warning-foreground);
+  }
+
+  .yuw-border-danger-foreground {
+    border-color: var(--danger-foreground);
+  }
+
+  .yuw-border-info-foreground {
+    border-color: var(--info-foreground);
+  }
+}