negodesign 0.0.12 → 0.0.14

package/dist/styles/globals.css

@@ -2,6 +2,7 @@
 @import "tw-animate-css";
 @import "shadcn-svelte/tailwind.css";
 @import "@fontsource-variable/figtree";
+@import "./animate.min.css";
 
 @custom-variant dark (&:is(.dark *));
 @plugin '@tailwindcss/forms';
@@ -16,7 +17,9 @@
     @apply max-md:bg-linear-to-r max-md:from-[#0077b6] max-md:via-[#219ebc] max-md:to-[#219ebc] dark:max-md:from-[#06344d] dark:max-md:via-[#023845] dark:max-md:to-[#074656];
   }
 
-  .container-fixed { @apply w-11/12 lg:w-300; }
+  .container-fixed {
+    @apply w-11/12 lg:w-11/12;
+  }
 }
 
 :root {
@@ -134,10 +137,12 @@
   * {
     @apply border-border outline-ring/50;
   }
+
   body {
     @apply bg-background text-foreground;
   }
+
   html {
     @apply font-sans;
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.12",
+	"version": "0.0.14",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [
@@ -110,4 +110,4 @@
 		"vitest": "^4.1.8",
 		"vitest-browser-svelte": "^2.1.1"
 	}
-}
+}

package/dist/components/core/carousel/ui/SimpleCarousel.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-  import * as Carousel from "../../../ui/carousel/index.js";
-  import type { SimpleCarouselProps } from "../types.js";
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-
-  const {
-    items,
-    imageClass,
-    iconClass,
-    labelClass,
-    activeClass,
-    valueActive,
-    orientation = "horizontal",
-    isBorderItem = true,
-    isBorderBottom = true,
-    isButtonPreviousAndNext = true,
-    buttonPreviousAndNextClass = "",
-  }: SimpleCarouselProps = $props();
-
-  const DEFAULT_IMG_OR_ICON_CLASS = "size-5 rounded-lg";
-</script>
-
-<nav class={`relative py-3 px-2 ${isBorderBottom ? "border-b" : ""}`}>
-  <Carousel.Root>
-    <Carousel.Content class="ml-10">
-      {#each items as item (item.value)}
-        <Carousel.Item
-          onclick={() => item.onClick?.(item.value)}
-          class={`
-          flex cursor-pointer items-center justify-center gap-1 basis-auto mx-3 pl-0
-          ${isBorderItem ? "border border-solid border-gray-300 rounded-lg" : ""} 
-          ${item.value === valueActive ? activeClass : ""}`}
-        >
-          <div class={`
-              flex gap-1 mx-2 p-0.5 justify-center items-center
-               ${orientation === "horizontal" ? "flex-row" : "flex-col"}
-          `}>
-            {#if item.image}
-              <img
-                src={item.image}
-                alt={item.label}
-                class={imageClass || DEFAULT_IMG_OR_ICON_CLASS}
-              />
-            {:else if item.icon}
-              <HugeiconsIcon
-                icon={item.icon}
-                class={iconClass || DEFAULT_IMG_OR_ICON_CLASS}
-              />
-            {/if}
-            <div class={`${labelClass}`}>{item.label}</div>
-          </div>
-        </Carousel.Item>
-      {/each}
-    </Carousel.Content>
-    {#if isButtonPreviousAndNext}
-      <Carousel.Previous
-        class={`absolute top-1/2 -translate-y-1/2 left-1 mt-0.5 ${buttonPreviousAndNextClass}`}
-      />
-      <Carousel.Next class={`absolute top-1/2 -translate-y-1/2 right-1 mt-0.5 ${buttonPreviousAndNextClass}`} />
-    {/if}
-  </Carousel.Root>
-</nav>

package/dist/components/core/carousel/ui/SimpleCarousel.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { SimpleCarouselProps } from "../types.js";
-declare const SimpleCarousel: import("svelte").Component<SimpleCarouselProps, {}, "">;
-type SimpleCarousel = ReturnType<typeof SimpleCarousel>;
-export default SimpleCarousel;