@dirstack/ui 1.0.1 → 1.2.0

package/dist/lib/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","names":["CircleDef"],"sources":["../../src/lib/icons.tsx"],"sourcesContent":["import {\n  ArrowDown01Icon,\n  ArrowLeft01Icon,\n  ArrowRight01Icon,\n  ArrowUp01Icon,\n  Cancel01Icon,\n  CancelCircleIcon,\n  CheckmarkCircle02Icon,\n  CircleIcon as CircleDef,\n  Copy01Icon,\n  HelpCircleIcon,\n  Loading03Icon,\n  Search01Icon,\n  Tick02Icon,\n  UnfoldMoreIcon,\n} from \"@hugeicons/core-free-icons\"\nimport { HugeiconsIcon, type HugeiconsProps, type IconSvgElement } from \"@hugeicons/react\"\nimport type { ComponentType } from \"react\"\n\nexport type IconProps = Omit<HugeiconsProps, \"icon\" | \"altIcon\" | \"showAlt\">\nexport type IconComponent = ComponentType<IconProps>\n\n/**\n * Internal, non-exported icon helper. The package deliberately ships no public icon registry\n * (icon choice is product-specific and lives in each consuming app); this file only carries the\n * handful of structural glyphs the package's own components render. It lives in `lib/` rather\n * than `components/` so the `\"./*\": \"./dist/components/*\"` wildcard export never exposes it.\n *\n * Wraps a Hugeicons definition as a plain icon component, so call sites render `<CheckIcon />`.\n * Sizes to `1em` so a `size-*` class or the surrounding font size drives it.\n */\nfunction icon(def: IconSvgElement, name: string): IconComponent {\n  function Icon(props: IconProps) {\n    return <HugeiconsIcon icon={def} size=\"1em\" strokeWidth={1.75} {...props} />\n  }\n\n  Icon.displayName = name\n\n  return Icon\n}\n\nexport const CheckIcon = icon(Tick02Icon, \"CheckIcon\")\nexport const ChevronDownIcon = icon(ArrowDown01Icon, \"ChevronDownIcon\")\nexport const ChevronLeftIcon = icon(ArrowLeft01Icon, \"ChevronLeftIcon\")\nexport const ChevronRightIcon = icon(ArrowRight01Icon, \"ChevronRightIcon\")\nexport const ChevronUpIcon = icon(ArrowUp01Icon, \"ChevronUpIcon\")\nexport const ChevronsUpDownIcon = icon(UnfoldMoreIcon, \"ChevronsUpDownIcon\")\nexport const CircleCheckIcon = icon(CheckmarkCircle02Icon, \"CircleCheckIcon\")\nexport const CircleHelpIcon = icon(HelpCircleIcon, \"CircleHelpIcon\")\nexport const CircleIcon = icon(CircleDef, \"CircleIcon\")\nexport const CircleXIcon = icon(CancelCircleIcon, \"CircleXIcon\")\nexport const CopyIcon = icon(Copy01Icon, \"CopyIcon\")\nexport const LoaderIcon = icon(Loading03Icon, \"LoaderIcon\")\nexport const SearchIcon = icon(Search01Icon, \"SearchIcon\")\nexport const XIcon = icon(Cancel01Icon, \"XIcon\")\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAS,KAAK,KAAqB,MAA6B;CAC9D,SAAS,KAAK,OAAkB;EAC9B,OAAO,oBAAC,eAAD;GAAe,MAAM;GAAK,MAAK;GAAM,aAAa;GAAM,GAAI;EAAQ,CAAA;CAC7E;CAEA,KAAK,cAAc;CAEnB,OAAO;AACT;AAEA,MAAa,YAAY,KAAK,YAAY,WAAW;AACrD,MAAa,kBAAkB,KAAK,iBAAiB,iBAAiB;AACtE,MAAa,kBAAkB,KAAK,iBAAiB,iBAAiB;AACtE,MAAa,mBAAmB,KAAK,kBAAkB,kBAAkB;AACzE,MAAa,gBAAgB,KAAK,eAAe,eAAe;AAChE,MAAa,qBAAqB,KAAK,gBAAgB,oBAAoB;AAC3E,MAAa,kBAAkB,KAAK,uBAAuB,iBAAiB;AAC5E,MAAa,iBAAiB,KAAK,gBAAgB,gBAAgB;AACnE,MAAa,aAAa,KAAKA,cAAW,YAAY;AACtD,MAAa,cAAc,KAAK,kBAAkB,aAAa;AAC/D,MAAa,WAAW,KAAK,YAAY,UAAU;AACnD,MAAa,aAAa,KAAK,eAAe,YAAY;AAC1D,MAAa,aAAa,KAAK,cAAc,YAAY;AACzD,MAAa,QAAQ,KAAK,cAAc,OAAO"}
+{"version":3,"file":"icons.js","names":["CircleDef"],"sources":["../../src/lib/icons.tsx"],"sourcesContent":["import {\n  ArrowDown01Icon,\n  ArrowLeft01Icon,\n  ArrowRight01Icon,\n  ArrowUp01Icon,\n  ArrowUpRight01Icon,\n  Cancel01Icon,\n  CancelCircleIcon,\n  CheckmarkCircle02Icon,\n  CircleIcon as CircleDef,\n  Copy01Icon,\n  HelpCircleIcon,\n  Loading03Icon,\n  Search01Icon,\n  Tick02Icon,\n  UnfoldMoreIcon,\n} from \"@hugeicons/core-free-icons\"\nimport { HugeiconsIcon, type HugeiconsProps, type IconSvgElement } from \"@hugeicons/react\"\nimport type { ComponentType } from \"react\"\n\nexport type IconProps = Omit<HugeiconsProps, \"icon\" | \"altIcon\" | \"showAlt\">\nexport type IconComponent = ComponentType<IconProps>\n\n/**\n * Internal, non-exported icon helper. The package deliberately ships no public icon registry\n * (icon choice is product-specific and lives in each consuming app); this file only carries the\n * handful of structural glyphs the package's own components render. It lives in `lib/` rather\n * than `components/` so the `\"./*\": \"./dist/components/*\"` wildcard export never exposes it.\n *\n * Wraps a Hugeicons definition as a plain icon component, so call sites render `<CheckIcon />`.\n * Sizes to `1em` so a `size-*` class or the surrounding font size drives it.\n */\nfunction icon(def: IconSvgElement, name: string): IconComponent {\n  function Icon(props: IconProps) {\n    return <HugeiconsIcon icon={def} size=\"1em\" strokeWidth={1.75} {...props} />\n  }\n\n  Icon.displayName = name\n\n  return Icon\n}\n\nexport const ArrowUpRightIcon = icon(ArrowUpRight01Icon, \"ArrowUpRightIcon\")\nexport const CheckIcon = icon(Tick02Icon, \"CheckIcon\")\nexport const ChevronDownIcon = icon(ArrowDown01Icon, \"ChevronDownIcon\")\nexport const ChevronLeftIcon = icon(ArrowLeft01Icon, \"ChevronLeftIcon\")\nexport const ChevronRightIcon = icon(ArrowRight01Icon, \"ChevronRightIcon\")\nexport const ChevronUpIcon = icon(ArrowUp01Icon, \"ChevronUpIcon\")\nexport const ChevronsUpDownIcon = icon(UnfoldMoreIcon, \"ChevronsUpDownIcon\")\nexport const CircleCheckIcon = icon(CheckmarkCircle02Icon, \"CircleCheckIcon\")\nexport const CircleHelpIcon = icon(HelpCircleIcon, \"CircleHelpIcon\")\nexport const CircleIcon = icon(CircleDef, \"CircleIcon\")\nexport const CircleXIcon = icon(CancelCircleIcon, \"CircleXIcon\")\nexport const CopyIcon = icon(Copy01Icon, \"CopyIcon\")\nexport const LoaderIcon = icon(Loading03Icon, \"LoaderIcon\")\nexport const SearchIcon = icon(Search01Icon, \"SearchIcon\")\nexport const XIcon = icon(Cancel01Icon, \"XIcon\")\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAS,KAAK,KAAqB,MAA6B;CAC9D,SAAS,KAAK,OAAkB;EAC9B,OAAO,oBAAC,eAAD;GAAe,MAAM;GAAK,MAAK;GAAM,aAAa;GAAM,GAAI;EAAQ,CAAA;CAC7E;CAEA,KAAK,cAAc;CAEnB,OAAO;AACT;AAEA,MAAa,mBAAmB,KAAK,oBAAoB,kBAAkB;AAC3E,MAAa,YAAY,KAAK,YAAY,WAAW;AACrD,MAAa,kBAAkB,KAAK,iBAAiB,iBAAiB;AACtE,MAAa,kBAAkB,KAAK,iBAAiB,iBAAiB;AACtE,MAAa,mBAAmB,KAAK,kBAAkB,kBAAkB;AACzE,MAAa,gBAAgB,KAAK,eAAe,eAAe;AAChE,MAAa,qBAAqB,KAAK,gBAAgB,oBAAoB;AAC3E,MAAa,kBAAkB,KAAK,uBAAuB,iBAAiB;AAC5E,MAAa,iBAAiB,KAAK,gBAAgB,gBAAgB;AACnE,MAAa,aAAa,KAAKA,cAAW,YAAY;AACtD,MAAa,cAAc,KAAK,kBAAkB,aAAa;AAC/D,MAAa,WAAW,KAAK,YAAY,UAAU;AACnD,MAAa,aAAa,KAAK,eAAe,YAAY;AAC1D,MAAa,aAAa,KAAK,cAAc,YAAY;AACzD,MAAa,QAAQ,KAAK,cAAc,OAAO"}

package/dist/styles.css

@@ -110,6 +110,30 @@
   --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
 
   --animate-fill-bar: fill-bar 0.5s var(--ease-out-expo);
+  --animate-slide-up-and-fade: slide-up-and-fade 0.5s var(--ease-out-expo);
+  --animate-slide-down-and-fade: slide-down-and-fade 0.5s var(--ease-out-expo);
+
+  @keyframes slide-up-and-fade {
+    from {
+      opacity: 0;
+      transform: translateY(8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slide-down-and-fade {
+    from {
+      opacity: 0;
+      transform: translateY(-8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
 
   @keyframes fill-bar {
     from {

package/package.json

@@ -40,6 +40,10 @@
       "types": "./dist/lib/slot.d.ts",
       "default": "./dist/lib/slot.js"
     },
+    "./animation": {
+      "types": "./dist/lib/animation.d.ts",
+      "default": "./dist/lib/animation.js"
+    },
     "./*": {
       "types": "./dist/components/*.d.ts",
       "default": "./dist/components/*.js"
@@ -108,5 +112,5 @@
   "engines": {
     "node": ">=18"
   },
-  "version": "1.0.1"
+  "version": "1.2.0"
 }