@deepnoid/ui 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4156,172 +4156,179 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
4156
4156
  });
4157
4157
  Input.displayName = "Input";
4158
4158
  var input_default = Input;
4159
- var inputStyle = tv({
4160
- slots: {
4161
- base: ["group/input", "flex"],
4162
- vertical: ["flex-col"],
4163
- horizon: ["flex-row", "gap-0"],
4164
- label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
4165
- innerWrapper: ["flex", "flex-col"],
4166
- inputWrapper: ["flex", "items-center", "transition", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
4167
- input: [
4168
- "w-full",
4169
- "h-full",
4170
- "bg-transparent",
4171
- "text-neutral-main",
4172
- "placeholder:text-neutral-main",
4173
- "focus:outline-none",
4174
- "focus:ring-0",
4175
- "group-has-[:hover]/input:text-neutral-dark",
4176
- "group-has-[:hover]/input:placeholder:text-neutral-dark",
4177
- "group-has-[:focus]/input:text-neutral-dark",
4178
- "group-has-[:focus]/input:placeholder:text-neutral-dark",
4179
- "group-has-[p.error]/input:text-danger-main",
4180
- "group-has-[p.error]/input:placeholder:text-danger-main"
4181
- ],
4182
- content: [
4183
- "flex",
4184
- "items-center",
4185
- "select-none",
4186
- "text-neutral-main",
4187
- "group-has-[:hover]/input:text-neutral-dark",
4188
- "group-has-[p.error]/input:text-danger-main"
4189
- ],
4190
- helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
4191
- errorText: ["text-danger-main"],
4192
- readonly: ["pointer-events-none"]
4193
- },
4194
- variants: {
4195
- variant: {
4196
- solid: {
4197
- inputWrapper: ["!border-transparent", "bg-trans-soft", "group-has-[:focus]/input:text-body-foreground"],
4198
- readonly: ["!bg-trans-light"]
4199
- },
4200
- outline: {
4201
- inputWrapper: [
4202
- "border-neutral-light",
4203
- "group-has-[:hover]/input:bg-trans-soft",
4204
- "group-has-[:focus]/input:bg-body-background",
4205
- "group-has-[p.error]/input:border-danger-main"
4206
- ],
4207
- readonly: ["!bg-trans-soft"]
4208
- },
4209
- underline: {
4210
- inputWrapper: [
4211
- "bg-transparent",
4212
- "!rounded-none",
4213
- "!border-t-transparent",
4214
- "!border-l-transparent",
4215
- "!border-r-transparent",
4216
- "group-has-[:hover]/input:bg-trans-soft",
4217
- "group-has-[:focus]/input:bg-body-background",
4218
- "group-has-[p.error]/input:border-danger-main"
4219
- ],
4220
- readonly: ["!bg-trans-soft"]
4221
- }
4159
+ var inputStyle = tv(
4160
+ {
4161
+ slots: {
4162
+ base: ["group/input", "flex"],
4163
+ vertical: ["flex-col"],
4164
+ horizon: ["flex-row", "gap-0"],
4165
+ label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
4166
+ innerWrapper: ["flex", "flex-col"],
4167
+ inputWrapper: ["flex", "items-center", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
4168
+ input: [
4169
+ "w-full",
4170
+ "h-full",
4171
+ "bg-transparent",
4172
+ "text-neutral-main",
4173
+ "placeholder:text-neutral-main",
4174
+ "outline-none",
4175
+ "focus:ring-0",
4176
+ "group-has-[:hover]/input:text-neutral-dark",
4177
+ "group-has-[:hover]/input:placeholder:text-neutral-dark",
4178
+ "group-has-[:focus]/input:text-neutral-dark",
4179
+ "group-has-[:focus]/input:placeholder:text-neutral-dark",
4180
+ "group-has-[p.error]/input:text-danger-main",
4181
+ "group-has-[p.error]/input:placeholder:text-danger-main"
4182
+ ],
4183
+ content: [
4184
+ "flex",
4185
+ "items-center",
4186
+ "select-none",
4187
+ "text-neutral-main",
4188
+ "group-has-[:hover]/input:text-neutral-dark",
4189
+ "group-has-[p.error]/input:text-danger-main"
4190
+ ],
4191
+ helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
4192
+ errorText: ["text-danger-main"],
4193
+ readonly: ["pointer-events-none"]
4222
4194
  },
4223
- color: {
4224
- primary: {
4225
- content: [
4226
- "group-has-[:focus]/input:text-primary-main",
4227
- "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
4228
- ],
4229
- helperText: [
4230
- "group-has-[:focus]/input:text-primary-main",
4231
- "group-has-[:focus:hover]/input:text-primary-main",
4232
- "group-has-[:focus]/input:hover:text-primary-main"
4233
- ]
4195
+ variants: {
4196
+ variant: {
4197
+ solid: {
4198
+ inputWrapper: ["border-transparent", "bg-trans-soft"],
4199
+ readonly: ["!bg-trans-light"]
4200
+ },
4201
+ outline: {
4202
+ inputWrapper: [
4203
+ "border-neutral-light",
4204
+ "group-has-[:hover]/input:bg-trans-soft",
4205
+ "group-has-[:focus]/input:bg-body-background",
4206
+ "group-has-[p.error]/input:border-danger-main"
4207
+ ],
4208
+ readonly: ["!bg-trans-soft"]
4209
+ },
4210
+ underline: {
4211
+ inputWrapper: [
4212
+ "bg-transparent",
4213
+ "rounded-none",
4214
+ "!border-t-transparent",
4215
+ "!border-l-transparent",
4216
+ "!border-r-transparent",
4217
+ "group-has-[:hover]/input:bg-trans-soft",
4218
+ "group-has-[:focus]/input:bg-body-background",
4219
+ "group-has-[p.error]/input:border-danger-main"
4220
+ ],
4221
+ readonly: ["!bg-trans-soft"]
4222
+ }
4234
4223
  },
4235
- secondary: {
4236
- content: [
4237
- "group-has-[:focus]/input:text-secondary-main",
4238
- "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
4239
- ],
4240
- helperText: [
4241
- "group-has-[:focus]/input:text-secondary-main",
4242
- "group-has-[:focus:hover]/input:text-secondary-main",
4243
- "group-has-[:focus]/input:hover:text-secondary-main"
4244
- ]
4245
- }
4246
- },
4247
- size: {
4248
- sm: {
4249
- base: ["text-sm", "gap-[4px]"],
4250
- label: ["text-sm"],
4251
- innerWrapper: ["gap-[4px]"],
4252
- inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "border-sm"],
4253
- helperText: ["text-sm"],
4254
- errorText: ["text-sm"]
4224
+ color: {
4225
+ primary: {
4226
+ content: [
4227
+ "group-has-[:focus]/input:text-primary-main",
4228
+ "group-has-[:focus:hover]/input:text-primary-main",
4229
+ "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
4230
+ ],
4231
+ helperText: [
4232
+ "group-has-[:focus]/input:text-primary-main",
4233
+ "group-has-[:focus:hover]/input:text-primary-main",
4234
+ "group-has-[:focus]/input:hover:text-primary-main"
4235
+ ]
4236
+ },
4237
+ secondary: {
4238
+ content: [
4239
+ "group-has-[:focus]/input:text-secondary-main",
4240
+ "group-has-[:focus:hover]/input:text-secondary-main",
4241
+ "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
4242
+ ],
4243
+ helperText: [
4244
+ "group-has-[:focus]/input:text-secondary-main",
4245
+ "group-has-[:focus:hover]/input:text-secondary-main",
4246
+ "group-has-[:focus]/input:hover:text-secondary-main"
4247
+ ]
4248
+ }
4255
4249
  },
4256
- md: {
4257
- base: ["text-md", "gap-[6px]"],
4258
- label: ["text-md"],
4259
- innerWrapper: ["gap-[6px]"],
4260
- inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "border-md"],
4261
- helperText: ["text-sm"],
4262
- errorText: ["text-sm"]
4250
+ size: {
4251
+ sm: {
4252
+ base: ["text-sm", "gap-[4px]"],
4253
+ label: ["text-sm"],
4254
+ innerWrapper: ["gap-[4px]"],
4255
+ inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]", "border-sm"],
4256
+ helperText: ["text-sm"],
4257
+ errorText: ["text-sm"]
4258
+ },
4259
+ md: {
4260
+ base: ["text-md", "gap-[6px]"],
4261
+ label: ["text-md"],
4262
+ innerWrapper: ["gap-[6px]"],
4263
+ inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]", "border-md"],
4264
+ helperText: ["text-sm"],
4265
+ errorText: ["text-sm"]
4266
+ },
4267
+ lg: {
4268
+ base: ["text-lg", "gap-[8px]"],
4269
+ label: ["text-lg"],
4270
+ innerWrapper: ["gap-[8px]"],
4271
+ inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]", "border-lg"],
4272
+ helperText: ["text-md"],
4273
+ errorText: ["text-md"]
4274
+ },
4275
+ xl: {
4276
+ base: ["text-xl", "gap-[10px]"],
4277
+ label: ["text-xl"],
4278
+ innerWrapper: ["gap-[10px]"],
4279
+ inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]", "border-xl"],
4280
+ helperText: ["text-md"],
4281
+ errorText: ["text-md"]
4282
+ }
4263
4283
  },
4264
- lg: {
4265
- base: ["text-lg", "gap-[8px]"],
4266
- label: ["text-lg"],
4267
- innerWrapper: ["gap-[8px]"],
4268
- inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "border-lg"],
4269
- helperText: ["text-md"],
4270
- errorText: ["text-md"]
4284
+ direction: {
4285
+ vertical: "",
4286
+ horizon: ""
4271
4287
  },
4272
- xl: {
4273
- base: ["text-xl", "gap-[10px]"],
4274
- label: ["text-xl"],
4275
- innerWrapper: ["gap-[10px]"],
4276
- inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "border-xl"],
4277
- helperText: ["text-md"],
4278
- errorText: ["text-md"]
4279
- }
4280
- },
4281
- direction: {
4282
- vertical: "",
4283
- horizon: ""
4284
- },
4285
- full: {
4286
- true: {
4287
- base: ["w-full"],
4288
- innerWrapper: ["flex-1"],
4289
- inputWrapper: ["w-full"]
4288
+ full: {
4289
+ true: {
4290
+ base: ["w-full"],
4291
+ innerWrapper: ["flex-1"],
4292
+ inputWrapper: ["w-full"]
4293
+ }
4294
+ },
4295
+ disabled: {
4296
+ true: {
4297
+ inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "!group-has-[p.error]/input:text-danger-light"],
4298
+ input: [
4299
+ "text-neutral-light",
4300
+ "placeholder:text-neutral-light",
4301
+ "group-has-[p.error]/input:text-danger-light",
4302
+ "group-has-[p.error]/input:placeholder:text-danger-light"
4303
+ ],
4304
+ content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
4305
+ helperText: ["!text-neutral-light"],
4306
+ errorText: ["!text-danger-light"]
4307
+ }
4290
4308
  }
4291
4309
  },
4292
- disabled: {
4293
- true: {
4294
- inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "!group-has-[p.error]/input:text-danger-light"],
4295
- input: [
4296
- "text-neutral-light",
4297
- "placeholder:text-neutral-light",
4298
- "group-has-[p.error]/input:text-danger-light",
4299
- "group-has-[p.error]/input:placeholder:text-danger-light"
4300
- ],
4301
- content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
4302
- helperText: ["!text-neutral-light"],
4303
- errorText: ["!text-danger-light"]
4310
+ compoundVariants: [
4311
+ {
4312
+ disabled: true,
4313
+ variant: ["outline", "underline"],
4314
+ class: {
4315
+ inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
4316
+ }
4304
4317
  }
4318
+ ],
4319
+ defaultVariants: {
4320
+ variant: "solid",
4321
+ color: "primary",
4322
+ size: "md",
4323
+ direction: "vertical",
4324
+ disabled: false,
4325
+ readonly: false
4305
4326
  }
4306
4327
  },
4307
- compoundVariants: [
4308
- {
4309
- disabled: true,
4310
- variant: ["outline", "underline"],
4311
- class: {
4312
- inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
4313
- }
4314
- }
4315
- ],
4316
- defaultVariants: {
4317
- variant: "solid",
4318
- color: "primary",
4319
- size: "md",
4320
- direction: "vertical",
4321
- disabled: false,
4322
- readonly: false
4328
+ {
4329
+ twMerge: false
4323
4330
  }
4324
- });
4331
+ );
4325
4332
  // Annotate the CommonJS export names for ESM import in node:
4326
4333
  0 && (module.exports = {
4327
4334
  inputStyle
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  inputStyle,
4
4
  input_default
5
- } from "../../chunk-OYNGJ33M.mjs";
5
+ } from "../../chunk-B6CXZCXQ.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-24NQEB73.mjs";
8
8
  import "../../chunk-P2TMIZRH.mjs";
@@ -5,10 +5,10 @@ import {
5
5
  } from "../../chunk-VVOOYDJS.mjs";
6
6
  import {
7
7
  listItem_default
8
- } from "../../chunk-KWWYMTJP.mjs";
8
+ } from "../../chunk-AYWI2CRE.mjs";
9
+ import "../../chunk-CF6O6TCF.mjs";
9
10
  import "../../chunk-ZYIIXWVY.mjs";
10
11
  import "../../chunk-24NQEB73.mjs";
11
- import "../../chunk-CF6O6TCF.mjs";
12
12
  import "../../chunk-P2TMIZRH.mjs";
13
13
  import "../../chunk-2ZT6V4QR.mjs";
14
14
  import "../../chunk-E3G5QXSH.mjs";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  listItem_default
4
- } from "../../chunk-KWWYMTJP.mjs";
4
+ } from "../../chunk-AYWI2CRE.mjs";
5
+ import "../../chunk-CF6O6TCF.mjs";
5
6
  import "../../chunk-ZYIIXWVY.mjs";
6
7
  import "../../chunk-24NQEB73.mjs";
7
- import "../../chunk-CF6O6TCF.mjs";
8
8
  import "../../chunk-P2TMIZRH.mjs";
9
9
  import "../../chunk-2ZT6V4QR.mjs";
10
10
  import "../../chunk-E3G5QXSH.mjs";